【发布时间】：2022-08-24 07:32:12
【问题描述】：
该项目基于 Angular 13。
向项目添加了路由。 应用程序路由.module.ts
import { NgModule } from \'@angular/core\';
import {RouterModule, Routes} from \"@angular/router\";
import {HomePageComponent} from \"./home-page/home-page.component\";
const appRoutes: Routes =[
{ path: \'\', component: HomePageComponent}
];
@NgModule({
imports: [RouterModule.forRoot(appRoutes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
将 AppRoutingModule 添加到文件 app.module.ts
import { NgModule } from \'@angular/core\';
import { BrowserModule } from \'@angular/platform-browser\';
import { AppComponent } from \'./app.component\';
import {ModalModule} from \"ngb-modal\";
import {FormsModule} from \"@angular/forms\";
import { HomePageComponent } from \'./home-page/home-page.component\';
import {AppRoutingModule} from \"./app-routing.module\";
@NgModule({
imports: [
BrowserModule,
FormsModule,
AppRoutingModule
],
declarations: [
AppComponent,
HomePageComponent
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
但是如果我尝试添加到文件 app.component.html
<router-outlet></router-outlet>
IDEA 报错
Cannot resolve symbol \'router-outlet\'
但是如果我在同一个IDE中打开另一个带有路由的项目，就没有这样的错误。
-
如果这个项目是使用 Angular 13 构建的？
-
是的，该项目基于 Angular 13
-
我做对了吗，您的应用程序按预期构建和工作，但您的 IDE 显示错误？
-
是的，路由有效。但是我不明白为什么在同一个IDE中的另一个项目上没有这样的错误。也许需要在设置中添加一些东西。
-
对不起，我有这个问题，你是怎么解决的？提前致谢。
标签： angular