angular生成错误: TypeError:无法读取未定义的属性'line‘

Question

我突然面对生产环境的构建失败错误。我正在运行这个命令：

ng build --prod

并得到以下错误：

D:\a\1\s\node_modules\clean-css\lib\reader\input-source-map-

tracker.js:37
  if (originalPosition.line === null && line > 1 && selectorFallbacks > 0) {
                      ^
TypeError: Cannot read property 'line' of undefined
    at originalPositionFor (D:\a\1\s\node_modules\clean-css\lib\reader\input-source-map-tracker.js:37:23)
    at originalMetadata (D:\a\1\s\node_modules\clean-css\lib\tokenizer\tokenize.js:486:43)
    at intoTokens (D:\a\1\s\node_modules\clean-css\lib\tokenizer\tokenize.js:435:68)
    at tokenize (D:\a\1\s\node_modules\clean-css\lib\tokenizer\tokenize.js:74:10)
    at fromStyles (D:\a\1\s\node_modules\clean-css\lib\reader\read-sources.js:147:12)
    at fromString (D:\a\1\s\node_modules\clean-css\lib\reader\read-sources.js:48:10)
    at doReadSources (D:\a\1\s\node_modules\clean-css\lib\reader\read-sources.js:33:12)
    at readSources (D:\a\1\s\node_modules\clean-css\lib\reader\read-sources.js:24:10)
    at D:\a\1\s\node_modules\clean-css\lib\clean.js:99:12
    at _combinedTickCallback (internal/process/next_tick.js:67:7)
    at process._tickCallback (internal/process/next_tick.js:98:9)
Error: C:\Program Files\Git\bin\bash.exe failed with return code: 1

几天前它工作得很好，但突然停止了工作。有没有人知道为什么会这样？

(我使用的是angular cli版本1.6.7)

提前感谢

Answer 1

好了！在最新版本的angular cli中已经确认了这一点。

我最终修复了我的问题，通过降低版本到1.6.7，并删除^我面临这个问题，即使在降低版本后：

"@angular/cli"："^1.6.7“

然后我删除^来修复cli版本，现在它工作得很好。

我请求angular团队解决这个angular cli问题，以便我们可以使用最新版本。

我希望这能有所帮助。

Answer 2

虽然在@angular/cli 1.6.7之后，看起来clean-css失败了，但这个问题可以在@angular/cli的后续版本中解决。

关于这个由不间断空格引起的问题，我得到了一个线索：https://github.com/jakubpawlowicz/clean-css/issues/1006

然后我能够解决这个问题，在Notepad++中打开src/文件夹作为工作区，过滤*.scss和*.css，并使用Regex搜索使用\xA0在scss/css文件中查找不间断的空格；我找到了一个。一旦删除，我的错误也就消失了。

Answer 3

问题已解决

ng build --env=prod解决了无需降级angular cli版本的问题