Question

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

我的代码是

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>。角引导在启动时引导app.component，如app.module所示。在app.component中，选择器的名称为<pm-root>，但在index.html中，选择器的名称为<my-app>。没有具有此类选择器的组件，因此会出现错误。

Answer 2

Solution

您应该添加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';
}

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

2 个答案: