Angular 5引用外部node_modules中CSS路径报错,求正确调用方法
解决Angular 5引入外部node_modules样式文件的路径错误问题
嘿,我一看你的配置就知道问题出在哪了——你写的路径格式错啦!
你在.angular-cli.json里写的..node_modules是无效路径,Angular会把它当成一个名叫..node_modules的文件夹,这显然不存在,所以才会抛出Module not found的错误。
在文件路径规则里,../是用来向上跳转一级目录的正确写法,你只需要给..和node_modules之间加个斜杠就行。修正后的正确配置如下:
"styles": [ "../node_modules/bootstrap/dist/css/bootstrap.min.css", "../node_modules/font-awesome/css/font-awesome.css", "styles.css" ]
改完之后重启一下你的Angular开发服务,应该就能正常加载Bootstrap和Font Awesome的样式文件了。这种路径拼写错误是新手常犯的小问题,以后写相对路径的时候多注意一下斜杠就行~
内容的提问来源于stack exchange,提问作者David
相关产品推荐
相关产品推荐

