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

来源：2-5 开发准备

Mangit

2017-06-01

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

写回答

4回答

Mangit

提问者

2017-06-01

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

E绅

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

2017-09-26

共1条回复

E绅

2017-09-26

是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"
],