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

回答

相关问题