我对这段代码有一个问题,我完全像视频教程那样做(我正在学习),但它不工作,并调用一些声明。有没有可能指南中写的代码是用一些旧的方法编写的?它的硬代码没有服务。
app-routing.module.ts
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { DepartmentListComponent } from './department-list/department-list.component';
import { EmployeeListComponent } from './employee-list/employee-list.component';
const routes: Routes = [
{ path: 'departments', component: DepartmentListComponent },
{ path: 'employees', component: EmployeeListComponent }
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
export const routingComponents [DepartmentListComponent, EmployeeListComponent ]
app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppRoutingModule, routingComponents } from './app-routing.module';
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent,
routingComponents
],
imports: [
BrowserModule,
AppRoutingModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
app.component.html
<h1> Welocme in routing</h1>
<router-outlet></router-outlet>
我需要看到正在运行的应用程序与更改http://localhost:4200/employees和http://localhost:4200/departments的网址。我是个乞讨者,请谅解。
发布于 2020-06-23 02:25:11
您正在导出此文件中的DepartmentListComponent
,该文件在本地导入到相同的文件模块中。
发布于 2021-01-01 17:38:49
当我们在同一个文件中import
和export
相同的模块时,会抛出这个错误。
检出所有导入,并确保这些导入不是从同一文件导出的。
发布于 2020-01-07 01:19:39
对于更奇怪的解析,这里也有同样的问题:删除导出行(最后一行)。编译(通常没有错误)再次添加最后一行。编译...好了。别问我为什么。我也是一个初学者,一直在学习打字和角度;-)
https://stackoverflow.com/questions/58670409
复制相似问题