angular-cli styles 全局样式引用无效
来源:互联网 发布:iphone通讯录数据恢复 编辑:程序博客网 时间:2024/06/05 05:49
开发环境
- webstorm
- node
- angular
- angular-cli
- npm(cnpm)
使用angular-cli 引入全局css样式:
"styles": [ "styles.css", "../node_modules/bootstrap/dist/css/bootstrap.css" ],
发现页面没有加载任何bootstrap样式,但是npm start时没有报错,能正常启动。
原因
使用淘宝的npm镜像cnpm,使用cnpm install命令安装模块时,下载的带下划线,带@符号的才是文件的真身,bootstrap文件夹只是真身的快捷方式,如图:
解决方法
在.angular-cli.json文件中,使用实际地址,而非快捷方式:
"styles": [ "styles.css", "../node_modules/_bootstrap@3.3.7@bootstrap/dist/css/bootstrap.css", "../node_modules/_admin-lte@2.4.2@admin-lte/dist/css/AdminLTE.min.css", "../node_modules/_admin-lte@2.4.2@admin-lte/dist/css/skins/skin-blue.min.css"],
阅读全文
0 0
- angular-cli styles 全局样式引用无效
- 全局安装 Angular CLI
- Angular-cli
- angular-cli
- angular-cli
- angular-cli
- Android 怎样在styles.xml中定义自己的样式并引用样式
- 自定义AppCompatDialog样式styles
- angular-cli(material.angular.io)
- angualar angular-cli angular命令
- 【Angular】安装Angular—cli
- angular-cli 安装问题
- angular cli安装
- 安装Angular-Cli
- npm 安装angular-cli
- angular-cli安装步骤
- angular2-angular-cli
- Angular CLI 安装
- 占位图片生成器:holder.js
- Google File System学习笔记
- Java并发编程实战: 线程基本概念
- Centos中更新PHP版本
- Tiny-Spring源码阅读(一)IOC的理解
- angular-cli styles 全局样式引用无效
- moho pro 12中文破解注册激活图文教程 | 含moho pro 12 注册机使用教程
- show slave status Slave_IO_Running: Connecting 1045 error connecting to master 'repl@10.0.0.52:3306
- 数组元素为10的冒泡排序
- RabbitMQ安装配置过程中遇到的一个巨坑,阻碍很多新手
- django-4-模板
- koa练习
- 课后作业之成绩类
- English 01