angular – 未找到PrimeNG样式表

发布时间：2020-12-17 17:27:08 所属栏目：安全来源：网络整理

导读：我刚刚创建了一个新项目,我遇到了麻烦.出于某种原因,当尝试导入PrimeNG的样式表时,我收到404错误.我不知道这是否与我的项目配置有关. 我正在使用Angular Class WebPack Starter,我添加了PrimeNG,但如上所述,我收到404错误.虽然它没有多大意义,但我怀疑它与样

我刚刚创建了一个新项目,我遇到了麻烦.出于某种原因,当尝试导入PrimeNG的样式表时,我收到404错误.我不知道这是否与我的项目配置有关.

我正在使用Angular Class WebPack Starter,我添加了PrimeNG,但如上所述,我收到404错误.虽然它没有多大意义,但我怀疑它与样式表在node_modules文件夹中的事实有关.作为测试,我将.css文件放在node_modules文件夹中,但未找到它.但是,当放入公共资产的“global”文件夹中时,找到了该文件.

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

enter image description here

将测试样式表移动到公共文件夹和PrimeNG主题的屏幕截图

enter image description here

我知道这是一个微不足道的问题,但我似乎无法找到任何信息.以防万一我也查看了PrimeNG’s setup页,但它并没有什么区别.

解决方法

我对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);

希望这可以帮助.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!