Question

我为网站创建了Team City构建配置（使用VueJs完成）。它使用纱线来构建网站，问题在于它用于捆绑最终资源的Web包。

所以构建就像执行yarn run build

一样简单

构建在本地工作正常。但是在Team City中，它在css-loader web pack任务中失败并出现以下错误。

[15:13:08][Step 7/8] ERROR in ./~/css-loader!./~/vue-loader/lib/style-compiler?{"id":"data-v-45a5b6de","scoped":false,"hasInlineConfig":true}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/App.vue
[15:13:08][Step 7/8] Module build failed: SyntaxError: Unexpected token {
[15:13:08][Step 7/8]     at exports.runInThisContext (vm.js:53:16)
[15:13:08][Step 7/8]     at Module._compile (module.js:373:25)
[15:13:08][Step 7/8]     at Object.Module._extensions..js (module.js:416:10)
[15:13:08][Step 7/8]     at Module.load (module.js:343:32)
[15:13:08][Step 7/8]     at Function.Module._load (module.js:300:12)
[15:13:08][Step 7/8]     at Module.require (module.js:353:17)
[15:13:08][Step 7/8]     at require (internal/module.js:12:17)
[15:13:08][Step 7/8]     at loadLoader (D:\Program Files\BuildAgent3\work\140b0e3b148e7b10\Main\MyApp\node_modules\loader-runner\lib\loadLoader.js:13:17)
[15:13:08][Step 7/8]     at iteratePitchingLoaders (D:\Program Files\BuildAgent3\work\140b0e3b148e7b10\Main\MyApp\node_modules\loader-runner\lib\LoaderRunner.js:169:2)
[15:13:08][Step 7/8]     at iteratePitchingLoaders (D:\Program Files\BuildAgent3\work\140b0e3b148e7b10\Main\MyApp\node_modules\loader-runner\lib\LoaderRunner.js:165:10)
[15:13:08][Step 7/8]     at D:\Program Files\BuildAgent3\work\140b0e3b148e7b10\Main\MyApp\node_modules\loader-runner\lib\LoaderRunner.js:173:18
[15:13:08][Step 7/8]     at loadLoader (D:\Program Files\BuildAgent3\work\140b0e3b148e7b10\Main\MyApp\node_modules\loader-runner\lib\loadLoader.js:36:3)
[15:13:08][Step 7/8]     at iteratePitchingLoaders (D:\Program Files\BuildAgent3\work\140b0e3b148e7b10\Main\MyApp\node_modules\loader-runner\lib\LoaderRunner.js:169:2)
[15:13:08][Step 7/8]     at runLoaders (D:\Program Files\BuildAgent3\work\140b0e3b148e7b10\Main\MyApp\node_modules\loader-runner\lib\LoaderRunner.js:362:2)
[15:13:08][Step 7/8]     at NormalModule.doBuild (D:\Program Files\BuildAgent3\work\140b0e3b148e7b10\Main\MyApp\node_modules\webpack\lib\NormalModule.js:179:3)
[15:13:08][Step 7/8]     at NormalModule.build (D:\Program Files\BuildAgent3\work\140b0e3b148e7b10\Main\MyApp\node_modules\webpack\lib\NormalModule.js:268:15)
[15:13:08][Step 7/8]  @ ./~/extract-text-webpack-plugin/loader.js?{"omit":1,"remove":true}!./~/vue-style-loader!./~/css-loader!./~/vue-loader/lib/style-compiler?{"id":"data-v-45a5b6de","scoped":false,"hasInlineConfig":true}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/App.vue 4:14-261
[15:13:08][Step 7/8]  @ ./src/App.vue
[15:13:08][Step 7/8]  @ ./src/main.js

我检查了几件事情;

比较节点版本（服务器具有节点4.x，而客户端具有6.x）
比较npm版本（两者都有3.10.x）
在本地和Team City服务器中比较node_modules
检查Team City中是否有.babelrc文件
检查服务器中的节点/ npm版本
使用npm缓存清除构建并执行新的npm安装

由于我们不拥有此代码＆＃39;我很难做任何代码更改。我们也没有人在VueJs或WebPack上有过任何经验。另一方面，它在本地工作。它可能是节点版本吗？

非常感谢任何想法或指示。

Answer 1

这最终成为TeamCity服务器中Node 4版本的限制。升级到节点6后，它开始正常工作。

Team City中的WebPack css-loader故障

1 个答案: