问题描述

参照PrimeNG官网提供的PrimeNG CLI QuickStart用例，在成功启动后，添加修改等功能可正常使用，但页面元素无样式。

附：《angular2 UI组件之primeNG用法》

错误原因

使用cnpm安装依赖模块导致依赖的模块安装不完整。

cnpm install

解决方案1

采用npm安装（使用代理，代理环境搭建可参照《Shadowsocks 使用说明》）。

npm install

配置好系统代理环境并开启后，接着配置npm使用代理，记录如下：

#端口请依据个人环境设置
npm config set proxy=# 使用npm官方源
npm config set registry=http://registry.npmjs.org

解决方案2

无需配置.angular-cli.json

"styles": [
        "../node_modules/primeng/resources/primeng.min.css",
        "../node_modules/primeng/resources/themes/omega/theme.css",
        "../node_modules/font-awesome/css/font-awesome.min.css",
        "styles.css"
],

在src/styles.css中导入样式文件：

/* You can add global styles to this file, and also import other style files */
@import url('../node_modules/primeng/resources/primeng.min.css');
@import url('../node_modules/primeng/resources/themes/omega/theme.css');
@import url('../node_modules/font-awesome/css/font-awesome.min.css');