angular - ng-xi18n 脚本在检查 scss/sass 文件时失败

Question

开始使用angular2s rc6 i18n，想运行ng-xi18n脚本提取对应的i18n属性做进一步处理。

但是脚本失败并显示如下消息

/project ❯❯❯ npm run extract                                                                                

> test.com@0.0.1 extract C:\project
> ng-xi18n

Error: Compilation failed. Resource file not found: C:/project/src/styles/colors
    at Object.resourceLoader.get (C:\project\node_modules\@angular\compiler-cli\src\extract_i18n.js:127:27)
    at DirectiveNormalizer._fetch (C:\project\node_modules\@angular\compiler\bundles\compiler.umd.js:13450:45)
    at C:\project\node_modules\@angular\compiler\bundles\compiler.umd.js:13552:55
    at Array.map (native)
    at DirectiveNormalizer._loadMissingExternalStylesheets (C:\project\node_modules\@angular\compiler\bundles\compiler.umd.js:13552:16)
    at C:\project\node_modules\@angular\compiler\bundles\compiler.umd.js:13555:28
    at process._tickCallback (node.js:382:9)
    at Function.Module.runMain (module.js:433:11)
    at startup (node.js:141:18)
    at node.js:977:3
TypeError: Cannot read property 'write' of undefined
    at C:\project\node_modules\@angular\compiler-cli\src\extract_i18n.js:34:46
    at process._tickCallback (node.js:382:9)
    at Function.Module.runMain (module.js:433:11)
    at startup (node.js:141:18)
    at node.js:977:3
Extraction failed

显然，脚本找不到文件 C:/project/src/styles/colors，这是完全正确的，因为这是一个 sass 部分，因此被命名为 _colors 并在 styleUrls 中使用的组件自己的 sass 文件中引用: []

我能否将脚本限制为仅调查特定文件(如所有 *.ts)或为什么要调查我的样式表？

如果调查样式表文件是有效的，那么脚本似乎不知道 sass 部分语法。

我正在使用 webpack 来捆绑和处理我在 styleUrls:[] 中的 sass 文件引用，以便内联到我的结果文件中。但这应该不是问题，因为 ng-xi18n 在未捆绑的源上运行。

感谢任何提示。谢谢。

Answer 1

我最近遇到了同样的问题。为了使 ng-xi18n 使我可以翻译消息包，我只是替换了 .scss 中的所有 @import '.+?'; > 文件并执行 ./node_modules/.bin/ng-xi18n -p src/tsconfig.json 如 github 中所述.

你问过，为什么它要调查你的样式文件...发生这种情况是因为 ng-xi18n 分析任何模块的附属组件，这个过程需要编译组件并解析组件的样式导入。 .. 偶尔，它会解析它们无效...