Question

我正在尝试在我的Angualr4应用程序中使用PrimeNG Treeview控件（Project是使用带有Angular模板的Visual Studio 2017 .Net core 2.0创建的）。尝试加载所需的css依赖项时出现404错误。字体真棒和PrimeNG都安装和文件位置准确，我甚至尝试将相同的文件复制到本地文件夹（而不是从node_modules）仍然没有运气。

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

另外，尝试向webpack.config.js添加规则

{ test: /\.css$/, loader: ['style-loader', 'css-loader'], include: [/node_modules/] }

任何人遇到同样的情况？ PrimeNG文档提供了Angular CLI的说明，而不是像我的webpack设置。

提前致谢！

Answer 1

试试这样：

使用webpack在项目中添加primeng样式，步骤如下：

第1步：

npm install primeng --save 
npm install --save font-awesome

第2步：

在项目中打开 style.css 文件。该文件包含以下位置project => src => style.css。添加primeng和font-awesome样式，如下所示：

@import '~font-awesome/css/font-awesome.css';
@import '~primeng/resources/themes/omega/theme.css';
@import '~primeng/resources/primeng.min.css';

PrimeNg + Angular 2/4 - 无法加载依赖关系

1 个答案: