我在angular.json樣式數組中包含了一些樣式,如下所示:
"styles": [
"src/styles.css",
"node_modules/primeicons/primeicons.css",
"node_modules/primeng/resources/themes/omega/theme.css",
"node_modules/primeng/resources/themes/bootstrap/theme.css",
"node_modules/primeng/resources/primeng.min.css",
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"node_modules/font-awesome/css/font-awesome.css"
]
但它不是挑選樣式,因為我看不到primeng表樣式和其他樣式。 雖然如果我在styles.css文件中導入樣式會很好,如下所示:
@import '../node_modules/primeng/resources/themes/omega/theme.css';
@import '../node_modules/primeng/resources/themes/bootstrap/theme.css';
@import '../node_modules/primeicons/primeicons.css'
我相信以上任何一種方法我們都可以使用,如果不正確,請告訴我。
我也多次重啟ng發球。
感謝任何幫助。期待中的感謝。
我使用angular 6,因為它明顯來自angular.json,也讓我知道是否有任何其他代碼或信息必須共享。
您也可以讓. angular.cli.json保持原樣
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.css",
"../node_modules/font-awesome/css/font-awesome.min.css",
"../node_modules/primeng/resources/primeng.min.css",
"../node_modules/primeng/resources/themes/omega/theme.css",
"styles.scss"
],
風格的順序很重要。在上面的例子中。將首先應用引導css,然后是灌注主題,最后是您的自定義scss文件。最終,styles.scss將覆蓋所有其他樣式。并且不需要導入任何位置。
在樣式數組中添加css后 簡單地說,停止angular項目的本地服務器,然后重新啟動它 重新啟動當前角度項目的本地服務器
嘗試給出相對于組件位置的正確路徑
如果您重新啟動項目,然后運行npm start,這將很好地工作。這不是問題或錯誤,當您在angular.json文件中添加庫或腳本時,您必須重新啟動您的項目。