Angular “如何修复”；模块构建失败（从./node_modules/postss loader/src/index.js）"；

我正在执行

ngserve

，生成块后它无法编译

同一存储库正在同事的机器上工作，版本如下：

• 节点版本：10.16.3
• NPM版本：6.9.0
• @角度/cli:7.3.9

还尝试：

• 对于nodejs lts/dubinium，遇到了相同的错误
• 在强制清理npm缓存后尝试了

  npm i

• 从系统中删除节点和npm并重新安装所有内容

执行的命令：

ng serve

错误是：

ERROR in ./src/assets/css/style.css (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./src/assets/css/style.css)
Module build failed (from ./node_modules/postcss-loader/src/index.js):
TypeError: Cannot read property 'type' of undefined
    at /home/akashj/workspace/projects/frontEnd/src/assets/css/style.css:1999:3
    at stringifyNode (/home/akashj/workspace/projects/frontEnd/node_modules/postcss-value-parser/lib/stringify.js:2:19)
    at Function.stringify (/home/akashj/workspace/projects/frontEnd/node_modules/postcss-value-parser/lib/stringify.js:45:10)
    at Gradient.colorStops (/home/akashj/workspace/projects/frontEnd/node_modules/autoprefixer/lib/hacks/gradient.js:505:26)
    at Gradient.oldWebkit (/home/akashj/workspace/projects/frontEnd/node_modules/autoprefixer/lib/hacks/gradient.js:398:10)
    at Gradient.replace (/home/akashj/workspace/projects/frontEnd/node_modules/autoprefixer/lib/hacks/gradient.js:91:30)
    at Gradient.add (/home/akashj/workspace/projects/frontEnd/node_modules/autoprefixer/lib/value.js:148:20)
    at Gradient.add (/home/akashj/workspace/projects/frontEnd/node_modules/autoprefixer/lib/hacks/gradient.js:572:35)
    at Gradient.process (/home/akashj/workspace/projects/frontEnd/node_modules/autoprefixer/lib/prefixer.js:157:16)
    at /home/akashj/workspace/projects/frontEnd/node_modules/autoprefixer/lib/processor.js:327:15
    at /home/akashj/workspace/projects/frontEnd/node_modules/postcss/lib/container.js:190:18
    at /home/akashj/workspace/projects/frontEnd/node_modules/postcss/lib/container.js:135:18
    at Rule.each (/home/akashj/workspace/projects/frontEnd/node_modules/postcss/lib/container.js:101:16)
    at Rule.walk (/home/akashj/workspace/projects/frontEnd/node_modules/postcss/lib/container.js:131:17)
    at /home/akashj/workspace/projects/frontEnd/node_modules/postcss/lib/container.js:148:24
    at Root.each (/home/akashj/workspace/projects/frontEnd/node_modules/postcss/lib/container.js:101:16)
    at Root.walk (/home/akashj/workspace/projects/frontEnd/node_modules/postcss/lib/container.js:131:17)
ℹ ｢wdm｣: Failed to compile.

---

对于整个控制台输出的

ng serve

：

我解决了它。该行的CSS（如下所示）末尾有一个逗号，之后没有值。因此，PostSS抛出了错误

背景图像：线性渐变（向右，#973a95，#055faa，#）；

删除了逗号，它按预期工作

背景图像：线性渐变（向右，#973a95，#055faa）；

你能发布style.css文件的内容吗？@Isma，嘿，我找到了原因并解决了！当我到家时，我将添加答案和原因。仅供参考：该问题是由CSS声明中的一个额外逗号引起的：

背景图像：线性渐变（向右，#973a95，#055faa，#）遵循可能对您有所帮助的链接。在我的例子中，css有一些内容对于原始css加载程序来说似乎是无效的：
/*#sourceMappingURL=style.css.map*/
。从css文件中删除后，加载程序就可以工作了。这个有角度的css解析器需要改进，并显示更好的消息。