Web サイトの Team City ビルド構成を作成しています (VueJs を使用して完了)。Web サイトの構築に糸を使用しており、最終的なリソースをバンドルするために使用する 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 あり)
- node_modules をローカルと Team City サーバーで比較する
- Team City で .babelrc ファイルが利用可能かどうかを確認する
- サーバーのノード/npm のバージョンを確認する
- npm キャッシュ クリーンでビルドを進め、新しい npm インストールを実行します。
私たちはこの「コード」を所有していないため、コードを変更することは困難です。また、VueJs や WebPack の経験がない人もいません。一方、ローカルで動作します。それはノードのバージョンでしょうか？
どんなアイデアや指針も大歓迎です。