Angular 7“找不到模块”

问题描述 投票:2回答:1

我正在尝试构建一个角度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

angular
1个回答
2
投票

在最后一张图片中,没有app-routing.module.ts,在src/app文件夹中设置文件,在导入中,你必须写出正确的地址,就像这样。

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

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

© www.soinside.com 2019 - 2024. All rights reserved.