Angular 角度及；启动：没有让CSS工作

我开始用底漆，但我没有得到很酷的风格。 但是我在浏览器日志中没有看到ng serve的错误

组件（我有一个日历和3个按钮）出现了，但看起来很沉闷

应用程序模块.ts

import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { AppComponent } from './app.component';
import { CalendarModule } from 'primeng/calendar';
import { ButtonModule } from 'primeng/button';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule, BrowserAnimationsModule, FormsModule, CalendarModule, ButtonModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

import { Component } from '@angular/core';
import {CalendarModule} from 'primeng/calendar';
import {ButtonModule} from 'primeng/button';

@Component({
  selector: 'app-root',

  styleUrls: [
  "../../node_modules/primeicons/primeicons.css",
  "../../node_modules/primeng/resources/themes/nova-light/theme.css",
  "../../node_modules/primeng/resources/primeng.min.css"],
  template: `

<p-calendar [(ngModel)]="value" [disabledDays]="[0,6]" showButtonBar="true"></p-calendar>
<p>
<button pButton type="button" label="Click1" ></button>
<p>
<p-button label="Click2" ></p-button>
<p>
<button pButton type="button" label="Success" class="ui-button-rounded ui-button-success"></button>
`
})
export class AppComponent {
  title = 'ngtest';

    value : Date;
}

应用程序组件.ts

import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { AppComponent } from './app.component';
import { CalendarModule } from 'primeng/calendar';
import { ButtonModule } from 'primeng/button';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule, BrowserAnimationsModule, FormsModule, CalendarModule, ButtonModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

import { Component } from '@angular/core';
import {CalendarModule} from 'primeng/calendar';
import {ButtonModule} from 'primeng/button';

@Component({
  selector: 'app-root',

  styleUrls: [
  "../../node_modules/primeicons/primeicons.css",
  "../../node_modules/primeng/resources/themes/nova-light/theme.css",
  "../../node_modules/primeng/resources/primeng.min.css"],
  template: `

<p-calendar [(ngModel)]="value" [disabledDays]="[0,6]" showButtonBar="true"></p-calendar>
<p>
<button pButton type="button" label="Click1" ></button>
<p>
<p-button label="Click2" ></p-button>
<p>
<button pButton type="button" label="Success" class="ui-button-rounded ui-button-success"></button>
`
})
export class AppComponent {
  title = 'ngtest';

    value : Date;
}

从'@angular/core'导入{Component}；
从'priming/calendar'导入{CalendarModule}；
从'priming/button'导入{ButtonModule}；
@组成部分({
选择器：'应用程序根'，
样式URL：[
“../../node_modules/primeicons/primeicons.css”，
“../../node_modules/primeng/resources/themes/nova light/theme.css”，
“../../node_modules/primeng/resources/primeng.min.css”]，
模板：`



`
})
导出类AppComponent{
标题='ngtest'；
值：日期；
}

有什么我遗漏的想法吗？

---

谢谢

您已经从组件导入了Priming css的节点模块，这可能是不可能的

尝试将angular.json文件中的节点模块添加到样式数组中，如下所示

"style":[
"./node_modulesnode_modules/primeng/resources/themes/nova-light/theme.css"

// Like this add all the css modules links here then try
],

---

请参阅本页底部的Angular CLI集成部分：我读到了这一点，但我不知道Angular.json中有关于这一点的条目。我想西勒尔也应该没事。是我的错。