Azure Pipeline CI failed to build

[kkamegawa]

I forked this repo and set up CI in Azure Pipelines.
I can build local environment, but Azure Pipelines can't build.

Syntax Error: Error: You forgot to add 'mini-css-extract-plugin' plugin (i.e. { plugins: [new MiniCssExtractPlugin()] }), please read https://github.com/webpack-contrib/mini-css-extract-plugin#getting-started

How to fix this?

2023-12-10T07:37:11.8224565Z ##[section]Starting: Build App
2023-12-10T07:37:11.8332999Z ==============================================================================
2023-12-10T07:37:11.8333341Z Task         : PowerShell
2023-12-10T07:37:11.8333445Z Description  : Run a PowerShell script on Linux, macOS, or Windows
2023-12-10T07:37:11.8333627Z Version      : 2.232.0
2023-12-10T07:37:11.8333723Z Author       : Microsoft Corporation
2023-12-10T07:37:11.8333870Z Help         : https://docs.microsoft.com/azure/devops/pipelines/tasks/utility/powershell
2023-12-10T07:37:11.8334047Z ==============================================================================
2023-12-10T07:37:13.0112538Z Generating script.
2023-12-10T07:37:13.0793548Z ========================== Starting Command Output ===========================
2023-12-10T07:37:13.1001596Z ##[command]"C:\Windows\System32\WindowsPowerShell\v1.0\powershell.exe" -NoLogo -NoProfile -NonInteractive -ExecutionPolicy Unrestricted -Command ". 'D:\a\_temp\1cfff0dc-5793-490e-8e40-26910e0bbe68.ps1'"
2023-12-10T07:37:22.2935976Z MSBuild version 17.8.3+195e7f5a3 for .NET
2023-12-10T07:37:46.5139855Z   Determining projects to restore...
2023-12-10T07:38:08.3088810Z   Restored D:\a\1\s\Sample-App-src\Calculator\CalculatorCLI\CalculatorCLI.csproj (in 20.91 sec).
2023-12-10T07:38:32.5185456Z   CalculatorCLI -> D:\a\1\s\Sample-App-src\Calculator\CalculatorCLI\bin\Release\net6.0\win-x64\CalculatorCLI.dll
2023-12-10T07:38:32.5417488Z   CalculatorCLI -> D:\a\1\s\Sample-App-src\Calculator\CalculatorCLI\drop\
2023-12-10T07:39:22.8419200Z npm WARN EBADENGINE Unsupported engine {
2023-12-10T07:39:22.8518525Z npm WARN EBADENGINE   package: '@achrinza/node-ipc@9.2.2',
2023-12-10T07:39:22.8519620Z npm WARN EBADENGINE   required: { node: '8 || 10 || 12 || 14 || 16 || 17' },
2023-12-10T07:39:22.8520962Z npm WARN EBADENGINE   current: { node: 'v18.18.2', npm: '9.8.1' }
2023-12-10T07:39:22.8521385Z npm WARN EBADENGINE }
2023-12-10T07:39:35.7012780Z npm WARN deprecated source-map-url@0.4.1: See https://github.com/lydell/source-map-url#deprecated
2023-12-10T07:39:35.9721972Z npm WARN deprecated @npmcli/move-file@1.1.2: This functionality has been moved to @npmcli/fs
2023-12-10T07:39:38.7232426Z npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
2023-12-10T07:39:40.0363420Z npm WARN deprecated @hapi/bourne@1.3.2: This version has been deprecated and is no longer supported or maintained
2023-12-10T07:39:40.2671859Z npm WARN deprecated har-validator@5.1.5: this library is no longer supported
2023-12-10T07:39:40.2717891Z npm WARN deprecated stable@0.1.8: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility
2023-12-10T07:39:40.3191061Z npm WARN deprecated @babel/plugin-proposal-class-properties@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-properties instead.
2023-12-10T07:39:40.7764559Z npm WARN deprecated @hapi/topo@3.1.6: This version has been deprecated and is no longer supported or maintained
2023-12-10T07:39:40.7986648Z npm WARN deprecated consolidate@0.15.1: Please upgrade to consolidate v1.0.0+ as it has been modernized with several long-awaited fixes implemented. Maintenance is supported by Forward Email at https://forwardemail.net ; follow/watch https://github.com/ladjs/consolidate for updates and release changelog
2023-12-10T07:39:40.8134435Z npm WARN deprecated source-map-resolve@0.5.3: See https://github.com/lydell/source-map-resolve#deprecated
2023-12-10T07:39:40.8436803Z npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
2023-12-10T07:39:41.4663786Z npm WARN deprecated chokidar@2.1.8: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies
2023-12-10T07:39:41.7917122Z npm WARN deprecated @hapi/address@2.1.4: Moved to 'npm install @sideway/address'
2023-12-10T07:39:41.7962282Z npm WARN deprecated asar@3.2.0: Please use @electron/asar moving forward.  There is no API change, just a package name change
2023-12-10T07:39:42.3815419Z npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
2023-12-10T07:39:42.4116513Z npm WARN deprecated electron-osx-sign@0.5.0: Please use @electron/osx-sign moving forward. Be aware the API is slightly different
2023-12-10T07:39:42.4599380Z npm WARN deprecated uuid@3.4.0: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
2023-12-10T07:39:43.2395420Z npm WARN deprecated @hapi/hoek@8.5.1: This version has been deprecated and is no longer supported or maintained
2023-12-10T07:39:43.5983237Z npm WARN deprecated @hapi/joi@15.1.1: Switch to 'npm install joi'
2023-12-10T07:42:01.9144253Z 
2023-12-10T07:42:01.9146483Z > Calculator@0.1.0 postinstall
2023-12-10T07:42:01.9147874Z > electron-builder install-app-deps
2023-12-10T07:42:01.9148727Z 
2023-12-10T07:42:02.6639763Z   • electron-builder  version=22.14.13
2023-12-10T07:42:02.7435077Z   • rebuilding native dependencies  dependencies=@bitdisaster/exe-icon-extractor@1.0.10 platform=win32 arch=x64
2023-12-10T07:42:08.8976389Z 
2023-12-10T07:42:08.8977648Z added 1629 packages, and audited 1630 packages in 3m
2023-12-10T07:42:08.8978182Z 
2023-12-10T07:42:08.8978690Z 135 packages are looking for funding
2023-12-10T07:42:08.8979151Z   run `npm fund` for details
2023-12-10T07:42:08.9622864Z 
2023-12-10T07:42:08.9624037Z 25 vulnerabilities (13 moderate, 12 high)
2023-12-10T07:42:08.9624505Z 
2023-12-10T07:42:08.9624971Z To address issues that do not require attention, run:
2023-12-10T07:42:08.9625456Z   npm audit fix
2023-12-10T07:42:08.9625903Z 
2023-12-10T07:42:08.9626336Z To address all issues (including breaking changes), run:
2023-12-10T07:42:08.9627043Z   npm audit fix --force
2023-12-10T07:42:08.9627415Z 
2023-12-10T07:42:08.9627817Z Run `npm audit` for details.
2023-12-10T07:42:10.0376619Z 
2023-12-10T07:42:10.0377742Z > Calculator@0.1.0 pack
2023-12-10T07:42:10.0378448Z > npm run electron:build && node ./build_installer.js
2023-12-10T07:42:10.0378920Z 
2023-12-10T07:42:11.1406003Z 
2023-12-10T07:42:11.1407152Z > Calculator@0.1.0 electron:build
2023-12-10T07:42:11.1407985Z > vue-cli-service electron:build
2023-12-10T07:42:11.1408368Z 
2023-12-10T07:42:13.0440751Z  INFO  Bundling render process:
2023-12-10T07:42:13.0836152Z All browser targets in the browserslist configuration have supported ES module.
2023-12-10T07:42:13.0837335Z Therefore we don't build two separate bundles for differential loading.
2023-12-10T07:42:13.0837809Z 
2023-12-10T07:42:13.1112878Z 
2023-12-10T07:42:13.1120526Z -  Building for production...
2023-12-10T07:42:22.4919966Z  ERROR  Failed to compile with 1 error7:42:22 AM
2023-12-10T07:42:22.4921532Z 
2023-12-10T07:42:22.4926309Z  error  in ./src/App.vue?vue&type=style&index=0&id=5133d30b&lang=css
2023-12-10T07:42:22.4926978Z 
2023-12-10T07:42:22.4927803Z Syntax Error: Error: You forgot to add 'mini-css-extract-plugin' plugin (i.e. `{ plugins: [new MiniCssExtractPlugin()] }`), please read https://github.com/webpack-contrib/mini-css-extract-plugin#getting-started
2023-12-10T07:42:22.4928323Z 
2023-12-10T07:42:22.4928633Z 
2023-12-10T07:42:22.4932398Z  ERROR  Vue CLI build failed. Please resolve any issues with your build and try again.
2023-12-10T07:42:22.8441278Z ##[error]PowerShell exited with code '1'.
2023-12-10T07:42:22.8827537Z ##[section]Finishing: Build App

[CharlieTestBase]

Hello Kazushi,

Please follow below steps to resolve this issue.

Manually add mini-css-extract-plugin and configure the project for it.

#1
Add mini-css-extract-plugin as a development dependency.
Add a vue.config.js file with the following content:
// vue.config.js
const MiniCssExtractPlugin = require("mini-css-extract-plugin");

module.exports = {
configureWebpack: {
plugins: [new MiniCssExtractPlugin()],
}
};

#2
Workaround: extract the attached zip file, you will get two files and add them to folder 'testbase\Sample-App-Src\Calculator'
files.zip