Angular-Electron项目添加style.css时出现Module not found错误求助

咱们先把问题拆解清楚：从你贴的错误日志和angular-cli.json配置来看，Webpack在构建时找不到../node_modules/MicroFinanceAssets/css/style.css这个文件——要么是这个路径本身就不对，要么是MicroFinanceAssets根本没在node_modules里。结合你说的“移除了Bootstrap，要添加新字体和自定义样式”的场景，我给你几个针对性的解决步骤：

1. 确认样式文件的正确存放位置 #

如果MicroFinanceAssets是你自己写的本地样式/字体资源（不是通过npm安装的第三方包），那它绝对不该放在node_modules里！node_modules是用来管理npm依赖的，本地自定义资源应该放在项目的src/assets目录下更规范。

你可以把style.css移到src/assets/css/，字体文件移到src/assets/fonts/，这样更符合Angular的项目结构约定。

2. 修改angular-cli.json的样式路径配置 #

打开你的angular-cli.json，找到apps数组里的styles字段，把原来的路径改成相对于src的路径（因为apps[0].root已经设置为src了）：

"styles": [
  "assets/css/style.css"
]

3. 修复样式文件里的字体引用路径 #

如果你的style.css里用@font-face引入了自定义字体，要确保路径是相对于style.css的正确路径。比如字体存放在src/assets/fonts/，那style.css里应该这么写：

@font-face {
  font-family: 'MyCustomFont';
  src: url('../fonts/my-font.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

4. 重新执行构建命令 #

先清理之前的构建缓存，再执行构建：

ng clean
ng build

特殊情况：如果MicroFinanceAssets是npm包 #

如果你确实是要引用一个叫MicroFinanceAssets的npm包，那先检查这个包有没有正确安装：

npm install MicroFinanceAssets --save

安装完成后去node_modules里查看这个包的实际结构，确认style.css的真实路径——有些包的样式文件可能不在css/目录下，需要对应调整angular-cli.json里的路径配置。

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