Angular 7 "找不到模块"

3

我正在尝试构建一个Angular 7应用程序,但我并不是很熟悉它。有人可以帮助我理解为什么它找不到component.ts文件吗?它们存在于路由模块引用的路径中。我收到以下错误:

enter image description here

这是我的组件: 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 {

}   

简历组件
import { Component, OnInit } from '@angular/core';

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

 export class ResumeComponent { 
 }

enter image description here

1个回答

3
在最后一个图像中,没有app-routing.module.ts文件,请将该文件设置在src/app文件夹中,并在导入中编写正确的地址,如下所示。
import { ResumeComponent }      from './resume/resume.component';
import { HomeComponent }      from './home/home.component';

现在路由器应该加载组件。

我的路由器组件路径最终是错误的。我认为我的截图太小了,无法显示它。 - Hardrock302

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接