我正在使用 MongoDB、Spring Boot 和 Angular 构建电影全栈应用程序。配置路由我遇到了这个问题:
如果“app-navbar”不是 Angular 组件,则验证它是否是 包含在该组件的“@Component.imports”中
如果“app-navbar”是 Web 组件,则添加“CUSTOM_ELEMENTS_SCHEMA” 到该组件的“@Component.schemas”以抑制此消息 [插件角度编译器]
我在文件夹中搜索了这两个选项。它说“未找到结果”。
这是我的app.routes.ts:
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { HomeComponent } from './components/home/home.component';
import { TrailerComponent } from './components/trailer/trailer.component';
import { ReviewComponent } from './components/review/review.component';
const routes: Routes = [
{
path: '',
component: HomeComponent,
},
{
path: 'trailer',
component: TrailerComponent,
},
{
path: 'review',
component: ReviewComponent,
},
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule],
})
export class AppRoutingModule {}
app.component.html:
<app-navbar></app-navbar>
<router-outlet></router-outlet>
navbar.components.ts
import { Component} from '@angular/core';
@Component({
selector: 'app-navbar',
standalone: true,
imports: [],
templateUrl: './navbar.component.html',
styleUrl: './navbar.component.scss',
})
export class NavbarComponent {
}
我正在尝试使用 ./movie-frontend 中的 npm start 命令运行我的应用程序
导出常量路线:路线= [
不确定这是否是正确的修复方法,但它对我有用