AdminLTE样式引入文件路径正确但没有生效？

Question

bootstrap样式文件引入成功并有效，但AdminLTE样式文件没有生效，路径绝对正确，写错路径会报错的，输出没有报错

Answer 1

提问者 Mangit 2017-06-01 21:47:55

自己解决了，原因是实际路径问题，查看文件后发现/node_modules/admin-lte这个文件夹是快捷方式，而我的实际路径则是/node_modules/_admin-lte@2.3.11@admin-lte/，估计大家路径正确但样式不生效都是这个问题

• E绅 #1

  路径改成啥样可以呢？我用的cnpm安装的，但是/node_modules/_admin-lte@2.3.11@admin-lte/这个路径还是有问题

Answer 2

E绅 2017-09-26 15:13:03

是npm跟cnpm安装的包引入路径不同导致的吧。我重新ng new了一下项目，然后通过cnpm安装了bootstrap跟adminLTE。引入路径写成下面这样，成功了。

"styles": [
 "styles.css",
 "../node_modules/_bootstrap@3.3.7@bootstrap/dist/css/bootstrap.css",
 "../node_modules/_admin-lte@2.4.0@admin-lte/dist/css/AdminLTE.min.css",
 "../node_modules/_admin-lte@2.4.0@admin-lte/dist/css/skins/_all-skins.min.css",
 "../node_modules/_font-awesome@4.7.0@font-awesome/css/font-awesome.min.css"
],
"scripts": [
 "../node_modules/_jquery@3.2.1@jquery/dist/jquery.min.js",
 "../node_modules/_bootstrap@3.3.7@bootstrap/dist/js/bootstrap.min.js",
 "../node_modules/_admin-lte@2.4.0@admin-lte/dist/js/adminlte.min.js"
],

Answer 3

提问者 Mangit 2017-06-01 21:50:27

导致这样的情况我想可能是CNPM和npm安装的区别

Answer 4

和光同尘无为 2017-06-01 11:56:25

修改angular-cli.json需要重新启动

• 提问者 Mangit #1

  已重新启动多次