找不到PrimeNG样式表

Question

我在创建新项目时遇到了问题。出于某种原因，当尝试导入PrimeNG的样式表时，我遇到了404错误。我不知道它是否与我的项目配置有关。

我使用Angular Class WebPack Starter，我已经添加了PrimeNG，但如上所述，我收到了404错误。虽然它没有多大意义，但我怀疑它与样式表在node_modules文件夹中的事实有关。作为测试，我在.css文件夹中放置了node_modules文件，但未找到该文件。但是，当放入我的＆＃34;全球＆＃34;找到该文件的公共资产的文件夹。

测试样式表和PrimeNG主题的屏幕截图

将测试样式表移至public文件夹和PrimeNG主题的屏幕截图

我知道这是一个微不足道的问题，但我似乎无法找到任何信息。如果我还查看了PrimeNG's setup页面，但它并没有什么区别。

Answer 1

我对Angular2应用程序的问题也一样，并设法通过将.css文件直接导入到我的main.ts脚本来绕过它。

这篇文章帮助我：Example of how to load static CSS files from node_modules using webpack?

我只是按照上面提到的帖子中的说明添加到我的main.ts。

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import 'primeng/resources/themes/afterdark/theme.css';
import 'font-awesome/css/font-awesome.min.css';
import 'primeng/resources/primeng.min.css';

import { AppModule } from './modules/app.module';
const platform = platformBrowserDynamic();
platform.bootstrapModule(AppModule);

希望这有帮助。

Answer 2

我遇到了与丢失css文件相关的问题，如果您使用angular-cli构建项目，请按照以下步骤操作：

1 - 编辑项目的angular-cli.json文件

2-Update Styles部分通过添加所需的css文件，如下所示：

"styles": [
    "styles.css", // default generated one
    "../node_modules/primeng/resources/themes/omega/theme.css" , //primeng css
    "../node_modules/primeng/resources/primeng.css" //primeng css
]

Answer 3

确保“styles”数组包含“build”和“test”下的prime ng样式表（在“projects”下的“architect”下）：

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

其他样式表可能已经存在。其他主题可用。