未捕获错误：模块'AppModule'声明的意外值'undefined'

Question

>我收到以下错误，例如未捕获错误：模块"AppModule"声明的意外值"未定义"。 我已经正确导入了所有模块。但是，它仍然显示相同的错误。 谁能给出解决方案？

我的错误的屏幕截图

我的代码是，

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { ProductListComponent } from './products/product-list.component';

@NgModule({
declarations: [
AppComponent,
ProductListComponent
],
imports: [ 
BrowserModule
], 
bootstrap: [AppComponent]
})
export class AppModule { }

product-list.component.ts

import { Component } from '@angular/core';
@Component({
selector:`pm-products`,
templateUrl:'./product-list.component.html',
styleUrls: ['./product-list.component.css']
})
export class ProductListComponent {
pageTitle: string='Product List';
}

Answer 1

在 index.html 中，将选择器更改为<pm-root>。Angular 在启动时引导您的app.component，如app.module所示。在你的app.component中，你的选择器是<pm-root>但在index.html中，它是<my-app>的。不存在具有此类选择器的组件，因此会出现错误。

Answer 2

解决方案

您应该添加product-list.component.css

因为您已在styleUrls中指定

import { Component } from '@angular/core';
@Component({
selector:`pm-products`,
templateUrl:'./product-list.component.html',
styleUrls: ['./product-list.component.css']
})
export class ProductListComponent {
pageTitle: string='Product List';
}