Primeng風格不適用於Angular 4

我想在我的Angular 4代碼中使用PrimeNg組件。模塊正在正確導入，但樣式未得到應用。Primeng風格不適用於Angular 4

瀏覽器控制檯顯示404 error。

我已經使用angular-cli來獲取項目樣板。

我已經包括使用link標籤中的index.html像這樣的樣式：

<link rel="stylesheet" href="/node_modules/font-awesome/css/font-awesome.min.css" /> 
<link href="/node_modules/primeng/resources/themes/omega/theme.css" /> 
<link href="/node_modules/primeng/resources/primeng.min.css" />

我已經加入了stylsheet引用的「樣式」屬性的角度，cli.json這樣的：

"styles": [ 
    "styles.css", 
    "../node_modules/primeng/resources/themes/omega/theme.css", 
    "../node_modules/primeng/resources/primeng.min.css" 
    ],

我已經通過NPM下載了所需的軟件包，並將它們集成到了package.json文件中。

來源

2017-09-23 Arjun Panicker

您確定angular-cli.json中的修改正確嗎？ –

確認css文件是否存在您指定到cli的任何路徑？ –

你在你的項目中使用webpack嗎？並且我可能知道項目中使用的primeng版本嗎？ – Chandru

謝謝大家迴應可能的解決方案。

我意外地發現瞭解決方案。

我是Angular 4的新手，所以我不知道在通過npm安裝一個新軟件包後，您必須重新啓動服務器。

當我重新啓動我的webpack時，應用程序工作正常，PrimeNg也正常工作。

來源

2017-09-25 04:40:02

Primeng風格不適用於Angular 4

回答

相關問題