testbase
testbase copied to clipboard
Published
20 hours ago •
microsoft
microsoft
Azure Pipeline CI failed to build
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/[email protected]',
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 [email protected]: See https://github.com/lydell/source-map-url#deprecated
2023-12-10T07:39:35.9721972Z npm WARN deprecated @npmcli/[email protected]: This functionality has been moved to @npmcli/fs
2023-12-10T07:39:38.7232426Z npm WARN deprecated [email protected]: Please see https://github.com/lydell/urix#deprecated
2023-12-10T07:39:40.0363420Z npm WARN deprecated @hapi/[email protected]: This version has been deprecated and is no longer supported or maintained
2023-12-10T07:39:40.2671859Z npm WARN deprecated [email protected]: this library is no longer supported
2023-12-10T07:39:40.2717891Z npm WARN deprecated [email protected]: 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/[email protected]: 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/[email protected]: This version has been deprecated and is no longer supported or maintained
2023-12-10T07:39:40.7986648Z npm WARN deprecated [email protected]: 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 [email protected]: See https://github.com/lydell/source-map-resolve#deprecated
2023-12-10T07:39:40.8436803Z npm WARN deprecated [email protected]: https://github.com/lydell/resolve-url#deprecated
2023-12-10T07:39:41.4663786Z npm WARN deprecated [email protected]: 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/[email protected]: Moved to 'npm install @sideway/address'
2023-12-10T07:39:41.7962282Z npm WARN deprecated [email protected]: 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 [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
2023-12-10T07:39:42.4116513Z npm WARN deprecated [email protected]: Please use @electron/osx-sign moving forward. Be aware the API is slightly different
2023-12-10T07:39:42.4599380Z npm WARN deprecated [email protected]: 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/[email protected]: This version has been deprecated and is no longer supported or maintained
2023-12-10T07:39:43.5983237Z npm WARN deprecated @hapi/[email protected]: Switch to 'npm install joi'
2023-12-10T07:42:01.9144253Z
2023-12-10T07:42:01.9146483Z > [email protected] 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/[email protected] 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 > [email protected] 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 > [email protected] 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
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
