如何解决Angular 12:“NgModule.schemas 必须是一个数组无法静态确定值”
错误信息
“app-CommodityList”不是已知元素:
- 如果“app-CommodityList”是一个 Angular 组件,则验证它是否是该模块的一部分。
- 如果“app-CommodityList”是一个 Web 组件,则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schemas”以抑制此消息。
当我添加 CUSTOM_ELEMENTS_SCHEMA 时,它不会修复错误并添加一个它显示的新错误:
NgModule.schemas 必须是一个数组
无法静态确定值。
app.module.ts
import { CUSTOM_ELEMENTS_SCHEMA,NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { CommodityListComponent } from './CommodityList/CommodityList/CommodityList.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
@NgModule({
declarations: [
AppComponent,CommodityListComponent
],imports: [
BrowserModule,AppRoutingModule,BrowserAnimationsModule
],providers: [],bootstrap: [AppComponent],schemas:[ CUSTOM_ELEMENTS_SCHEMA ]
})
export class AppModule { }
app.component.html
<app-CommodityList></app-CommodityList>
商品清单.html
<p>
CommodityList works!
</p>
CommodityList.component.ts
import { Component,OnInit } from '@angular/core';
@Component({
selector: 'app-CommodityList',templateUrl: './CommodityList.component.html',styleUrls: ['./CommodityList.component.scss']
})
export class CommodityListComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
我使用的 Angular 版本是 12.0.1
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。