Angular 7 "Cannot find module"

Question

I am trying to build an angular 7 app and I'm not very familiar with it. Can someone help me understand why it can't find the component.ts files? They exist in the paths the routing module references. I am getting the following error

Here are my components: app-routing.module.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { RouterModule, Routes } from '@angular/router';
import { ResumeComponent }      from './app/resume/resume.component';
import { HomeComponent }      from './app/home/home.component';
const routes: Routes = [
  { path: 'resume', component: ResumeComponent },
  { path: 'home', component: HomeComponent },
  { path: '',   redirectTo: '/home', pathMatch: 'full' }
];
@NgModule({
declarations: [
  HomeComponent,
  ResumeComponent
],
imports: [
 RouterModule.forRoot(routes)
],
exports: [
   RouterModule
]
})
export class AppRoutingModule { }

Home.Component

 import { Component, OnInit } from '@angular/core';

@Component({
 selector: 'app-home',
 templateUrl: './home.component.html',
 styleUrls: ['./home.component.css']
})
export class HomeComponent {

}

Resume Component

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-resume',
  templateUrl: './resume.component.html',
  styleUrls: ['./resume.component.css']
})

 export class ResumeComponent { 
 }

Yoarthur · Accepted Answer · 2018-12-24 03:25:54Z

3

In the last image, there is not app-routing.module.ts, set the file in src/app folder and in the imports, you're must write the proper address, like this.

import { ResumeComponent }      from './resume/resume.component';
import { HomeComponent }      from './home/home.component';

now the router should load the components.

answered Dec 24, 2018 at 3:25

Yoarthur

9179 silver badges20 bronze badges

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

1 Comment

Hardrock302 Over a year ago

My path was wrong after all for the components in my router. I think my screenshot was too small to show it.

Collectives™ on Stack Overflow

Angular 7 "Cannot find module"

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