角度错误：PostCSS 收到未定义而不是 CSS 字符串

Question

尝试构建一个 Angular 项目，我收到以下错误。这个项目上周建得很好。我对使用该项目中的 Dll 的其他项目进行了一些更改，但没有对此项目进行任何更改。我已经花了很多时间在没有运气的情况下对其进行故障排除，并感谢任何帮助。

错误：PostCSS 收到未定义而不是 CSS 字符串发生未处理的异常：PostCSS 收到未定义而不是 CSS 字符串

原文由 Sohi 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我有类似的问题。我试图建立一个角度库，出现以下消息：

 Building Angular Package

------------------------------------------------------------------------------
Building entry point 'library-name'
------------------------------------------------------------------------------
Compiling TypeScript sources through ngc
ERROR: PostCSS received undefined instead of CSS string
An unhandled exception occurred: PostCSS received undefined instead of CSS string
See "/tmp/ng-itlEgm/angular-errors.log" for further details.
[12:03:38] 'compile' errored after 17 s
[12:03:38] Error: Command `ng build library-name --prod` exited with code 127
    at ChildProcess.handleSubShellExit (/node_modules/gulp-run/command.js:166:13)
    at Object.onceWrapper (events.js:422:26)
    at ChildProcess.emit (events.js:315:20)
    at ChildProcess.EventEmitter.emit (domain.js:505:15)
    at Process.ChildProcess._handle.onexit (internal/child_process.js:275:12)
[12:03:38] 'build' errored after 17 s

我正在使用 gulp-run 执行命令 ng build library-name --prod 。但是，直接在终端执行命令 ng build library-name --prod ，日志错误更小，但也差不多。

问题出在一个组件上。该组件有一个 styleURL（Angular 组件装饰器），如下所示：

...component.css

但是，图书馆使用 scss 。因此，我将路径更改为：

...component.scss

我执行了命令’ng build library-name –prod’。所以，错误没有再次出现。

我使用的是 NVM v0.35.2（允许在我的机器上安装多个 NodeJS 版本）； NodeJS v12.18.2； Ubuntu x64 18.0.4 LTS 和 Angular CLI 9.1.9。

原文由 Willian Coelho da Cunha 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

检查节点版本，查看节点版本变化是否会导致此问题。我使用发生此错误的节点版本 16.14.2，切换到 12.16.1 后它运行良好。只需检查您的 node-sass 和 node 版本就会找到出路。

原文由 shawn 发布，翻译遵循 CC BY-SA 4.0 许可协议