Cannot find the module Angular2 Typescript

Question

My vscode shows error in the line Cannot find the module and highlights CreateTaskComponent line of app.module.ts

My code

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 { }

create-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';

}

Folder structure is

Pankaj Parkar · Accepted Answer · 2017-01-03 03:31:10Z

6

As your app.module already there in app folder, you can directly navigate through taskList folder.

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

OR

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

answered Jan 3, 2017 at 3:31

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Aravind Over a year ago

Thanks Pankaj! Basic one. didnt catch it.

Collectives™ on Stack Overflow

Cannot find the module Angular2 Typescript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related