无法解析符号“路由器插座”

Question

该项目基于 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中打开另一个带有路由的项目，就没有这样的错误。

Answer 1

我猜你正在使用 WebStorm 作为 IDE，因为当我将项目升级到 Angular 13 时我也遇到了这个警告，但我在 VSC 上却没有这样做。

显然，为了解决这个问题，您需要将 WebStorm 升级到 2021.3。我建议使用JetBrains 的工具箱应用程序，这使得更新变得很容易。