Angular 6配置angular.json加载CSS路径启动报错求助

嘿，我一眼就发现问题出在哪儿了！

你看报错信息里的路径：

Can't resolve '/Users/nilay/angular/bes/src/assets/plugins/plugins/isotope/isotope.min.css'

这里明显重复了plugins目录——Angular在找assets/plugins/plugins/...，但你的实际文件结构里应该是只有一层plugins文件夹放在assets下面对吧？

再回头看你在angular.json里的styles配置，有这么一行：

"src/assets/plugins/plugins/isotope/isotope.min.css"

就是这里多写了一个plugins！你说已经把plugins文件夹放入assets目录，那Isotope的CSS文件应该是在src/assets/plugins/isotope/下面，而不是嵌套的plugins/plugins/路径里。

修正后的配置 #

把那行重复的plugins去掉，修改后的styles数组应该是这样：

"styles": [
  "src/assets/plugins/listtyicons/style.css",
  "src/assets/plugins/jquery-ui/jquery-ui.min.css",
  "src/assets/plugins/bootstrap/css/bootstrap.min.css",
  "src/assets/plugins/isotope/isotope.min.css",
  "src/styles.css"
]

最后确认 #

你可以再检查一下项目里的实际文件位置：打开src/assets/plugins/目录，确认里面直接有isotope文件夹，且该文件夹下确实存在isotope.min.css文件。

修正路径后，重新启动Angular应用，这个找不到模块的错误应该就会消失啦！

内容的提问来源于stack exchange，提问作者user9833077