我已经按照指示通过运行npm install primeng --save
来安装Primeng,然后在app.module.ts
文件中导入所需内容,例如:
import {CheckboxModule} from 'primeng/primeng';
...
imports: [
CheckboxModule,
],...
然后我将样式表添加到index.html文件中:
<head>
...
<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" />
<link rel="stylesheet" type="text/css" href="../node_modules/font-awesome/css/font-awesome.min.css" />
</head>
我的IDE可以通过按住Ctrl并单击href值来查找文件位置,但浏览器无法找到它(出现404错误)。
我复制了复选框示例(http://www.primefaces.org/primeng/#/checkbox)并将其添加到我的组件中,但样式与普通复选框相同。
此外,没有抛出其他错误。
这些样式应该添加到另一个文件中吗? 我不确定为什么它不起作用。
GET http://localhost:4200/node_modules/primeng/resources/themes/omega/theme.css
。即使我可以在app_module
中手动定位文件,但我对所有三个样式表都会得到这个错误。 - ToDo