angular中使用bootstrap问题

Question

在 .angular-cli.json中配置如下：

1 2 3 4 5 6 7 8

"styles": [   "../node_modules/.3.3.7@bootstrap/dist/css/bootstrap.css",   "styles.css" ], "scripts": [   "../node_modules/jquery/dist/jquery.min.js",   "../node_modules/.3.3.7@bootstrap/dist/js/bootstrap.js" ],

这种配置就可以识别到 bootstrap 的css样式

1 2 3 4 5 6 7 8

"styles": [   "../node_modules/bootstrap/dist/css/bootstrap.css",   "styles.css" ], "scripts": [   "../node_modules/jquery/dist/jquery.min.js",   "../node_modules/bootstrap/dist/js/bootstrap.js" ],

这个样子配置的就不可以！

希望老师帮忙解惑下！

Answer 1

CUIT_IGIS 2017-05-30 21:30:15

这个不管目录是什么名字，因为在编译阶段是会寻找目录然后合并打包代码的，如果找不到依赖文件必然编译报错，但是为毛就是不不出现预期效果呢，bootstrap根本就没有引用上

Answer 2

qq_上帝吻的孩子_03295553 2017-05-03 21:40:04

同楼上，遇到一样的问题，求老师解释

Answer 3

JoJo 2017-04-24 12:57:10

node_modules里bootstrap的目录是什么名字?

• 提问者 ithresh #1

  node_modules中 bootstrap 是一个软链接: lrwxr-xr-x  1 ithresh  wheel    16B  4 20 20:54 bootstrap -> .3.3.7@bootstrap
  请问下我们这个课程有QQ群之类的吗？

• 用户164339 #2

  老师，我也是和上面的同学一样的问题
  我用的cnpm install bootstrap --save安装的
  node_modules目录下有.3.3.7bootstrap和bootstrap文件夹
  求助老师解释一下

• 用户164339 #3

  我目前找到的解决方法是用npm替换cnpm重新下载一遍bootstrap才可以，是因为cnpm下载的都是引用文件的问题吗，但是为什么jquery不会有问题呢？