You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.21 07:49:48