(ok)angular2 UI组件-PrimeNG启动成功无样式

作者: wxfeng 分类: 未分类 发布时间: 2017-07-16 00:00

问题描述

参照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');

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注