找不到模塊Angular2打字稿

Question

我vscode顯示錯誤在該行找不到模塊和亮點CreateTaskComponent線app.module.ts

我的代碼

app.module。 TS

import { NgModule } from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 

import { AppComponent } from './app.component'; 
import { CreateTaskComponent} from './app/taskList/create-task.component'; 
@NgModule({ 
    imports: [ BrowserModule ], 
    declarations: [ AppComponent, CreateTaskComponent ], 
    bootstrap: [ AppComponent ] 
}) 
export class AppModule { } 

創建-task.component.ts

import {Component} from '@angular/core'; 
@Component({ 
    selector:'create-task', 
    templateUrl: 'app/taskList/create-task.component.html' 

}) 
export class CreateTaskComponent{ 
     pageTitle : string ='Create a Task'; 

} 

文件夾結構

Answer 1

正如您app.module已經存在的文件夾app，您可以直接通過taskList文件夾瀏覽。

import { CreateTaskComponent} from './taskList/create-task.component'; 

OR

import { CreateTaskComponent} from './../app/taskList/create-task.component';