Блог

Проект основан на Angular 13.

Добавлена маршрутизация в project. app-routing.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

 lt;router-outletgt;lt;/router-outletgt;  

ИДЕЯ выдает ошибку

 Cannot resolve symbol 'router-outlet'  

Но если я открою другой проект с маршрутизацией в той же среде IDE, такой ошибки не будет.