當我在 prod 中構建 Angular 9 時，如何擺脫錯誤消息：“TypeError: Cannot read property 'trim' of undefined”？

Question

我使用 VisualStudio 2019 中的 Angular 模板創建了 .net core 3.1 / Angular 9 應用程序。

我無法在發布模式下部署應用程序。 我已將問題定位到 Angular 9 版本。

我可以使用命令 'ng build' 在 angular 9 中構建我的應用程序，但是當我嘗試使用命令 'ng build --prod' 構建生產時，我收到錯誤消息“TypeError：無法讀取屬性 'trim'不明確的”

我不在我的應用程序中使用修剪 function

它似乎來自資產優化 optimize-css-webpack-plugin

這是日志文件的樣子

[error] TypeError: Cannot read property 'trim' of undefined
    at C:\[MyAppName]\[MyAppName]\[MyAppName].Web\ClientApp\styles.ff78110e0c95cd51fe03.css:7596:5
    at Object.attribute (C:\[MyAppName]\[MyAppName]\[MyAppName].Web\ClientApp\node_modules\postcss-minify-selectors\dist\index.js:46:47)
    at C:\[MyAppName]\[MyAppName]\[MyAppName].Web\ClientApp\node_modules\postcss-minify-selectors\dist\index.js:208:39
    at C:\[MyAppName]\[MyAppName]\[MyAppName].Web\ClientApp\node_modules\postcss-minify-selectors\node_modules\postcss-selector-parser\dist\selectors\container.js:176:26
    at Selector.each (C:\[MyAppName]\[MyAppName]\[MyAppName].Web\ClientApp\node_modules\postcss-minify-selectors\node_modules\postcss-selector-parser\dist\selectors\container.js:159:22)
    at Selector.walk (C:\[MyAppName]\[MyAppName]\[MyAppName].Web\ClientApp\node_modules\postcss-minify-selectors\node_modules\postcss-selector-parser\dist\selectors\container.js:175:21)
    at C:\[MyAppName]\[MyAppName]\[MyAppName].Web\ClientApp\node_modules\postcss-minify-selectors\node_modules\postcss-selector-parser\dist\selectors\container.js:179:31
    at Root.each (C:\[MyAppName]\[MyAppName]\[MyAppName].Web\ClientApp\node_modules\postcss-minify-selectors\node_modules\postcss-selector-parser\dist\selectors\container.js:159:22)
    at Root.walk (C:\[MyAppName]\[MyAppName]\[MyAppName].Web\ClientApp\node_modules\postcss-minify-selectors\node_modules\postcss-selector-parser\dist\selectors\container.js:175:21)
    at Processor.func (C:\[MyAppName]\[MyAppName]\[MyAppName].Web\ClientApp\node_modules\postcss-minify-selectors\dist\index.js:201:27)
    at Processor._runSync (C:\[MyAppName]\[MyAppName]\[MyAppName].Web\ClientApp\node_modules\postcss-minify-selectors\node_modules\postcss-selector-parser\dist\processor.js:84:30)
    at Processor.processSync (C:\[MyAppName]\[MyAppName]\[MyAppName].Web\ClientApp\node_modules\postcss-minify-selectors\node_modules\postcss-selector-parser\dist\processor.js:177:27)
    at getParsed (C:\[MyAppName]\[MyAppName]\[MyAppName].Web\ClientApp\node_modules\postcss-minify-selectors\dist\index.js:34:59)
    at C:\[MyAppName]\[MyAppName]\[MyAppName].Web\ClientApp\node_modules\postcss-minify-selectors\dist\index.js:196:39
    at C:\[MyAppName]\[MyAppName]\[MyAppName].Web\ClientApp\node_modules\postcss\lib\container.js:239:18
    at C:\[MyAppName]\[MyAppName]\[MyAppName].Web\ClientApp\node_modules\postcss\lib\container.js:135:18
    at AtRule.each (C:\[MyAppName]\[MyAppName]\[MyAppName].Web\ClientApp\node_modules\postcss\lib\container.js:101:16)

Answer 1

同樣的事情發生在我身上，但是在文檔中我發現了這個命令，它對我有很大幫助：

ng build --buildOptimizer=false

通過這種方式，我將應用程序構建到生產環境中。