要解决“Angular - 不是一个已知元素”的问题,需要确保正确导入了必要的模块并正确配置路由。
首先,确保在使用 的组件中导入了 RouterModule 和 Routes 模块。例如,可以在 app.module.ts 中导入并配置路由:
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouterModule, Routes } from '@angular/router';
import { AppComponent } from './app.component';
import { HomeComponent } from './home/home.component';
import { AboutComponent } from './about/about.component';
const routes: Routes = [
{ path: '', component: HomeComponent },
{ path: 'about', component: AboutComponent }
];
@NgModule({
declarations: [
AppComponent,
HomeComponent,
AboutComponent
],
imports: [
BrowserModule,
RouterModule.forRoot(routes) // 导入并配置路由
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
接下来,在需要使用 的组件的模板中,确保添加了正确的标签名称。例如,在 app.component.html 中使用 :
My Angular App
注意, 标签需要位于路由组件的父组件中,以显示相应的路由组件内容。
最后,确保在应用程序的入口文件 main.ts 中导入了 AppModule:
import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module';
import { environment } from './environments/environment';
if (environment.production) {
enableProdMode();
}
platformBrowserDynamic().bootstrapModule(AppModule)
.catch(err => console.error(err));
完成这些步骤后,重新运行应用程序,应该就不会再出现“Angular - 不是一个已知元素”的错误。