I have upgraded my vue 2.6.14 project to vue 3.0.0 project. After that, I tried to build it locally by using npm run serve command. This is my package.json file.
{
"name": "@coreui/apex-salary-packaging-system",
"version": "1.0.0",
"description": "Apex Salary packaging system",
"author": "Łukasz Holeczek",
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"test:unit": "vue-cli-service test:unit",
"test:e2e": "vue-cli-service test:e2e",
"lint": "vue-cli-service lint",
"qa-build": "vue-cli-service build --mode qa",
"uat-build": "vue-cli-service build --mode uat"
},
"dependencies": {
"@coreui/coreui": "^2.0.4",
"@coreui/coreui-plugin-chartjs-custom-tooltips": "^1.2.0",
"@coreui/icons": "0.3.0",
"@coreui/vue": "^3.0.10",
"@fortawesome/fontawesome-free": "^5.10.2",
"@types/js-cookie": "^2.2.0",
"axios": "^0.21.1",
"bootstrap": "^4.1.3",
"bootstrap-vue": "2.2.0",
"chart.js": "^2.9.4",
"core-js": "^2.5.7",
"cropperjs": "^1.5.5",
"css-vars-ponyfill": "^1.9.0",
"epic-spinners": "^1.0.3",
"flag-icon-css": "^3.0.0",
"jquery": "^1.9.1",
"js-cookie": "^2.2.0",
"moment": "^2.22.2",
"moment-timezone": "^0.5.23",
"perfect-scrollbar": "^1.4.0",
"qrcode.vue": "^1.7.0",
"simple-line-icons": "^2.4.1",
"vue": "^3.0.0-beta.1",
"vue-bootstrap-typeahead": "^0.2.6",
"vue-chartjs": "^3.4.0",
"vue-chartjs-typescript": "^3.3.3",
"vue-class-component": "^6.0.0",
"vue-clipboards": "^1.3.0",
"vue-facing-decorator": "^2.1.20",
"vue-gtag": "^1.16.1",
"vue-moment": "^4.0.0",
"vue-multiselect": "^2.1.6",
"vue-notification": "^1.3.13",
"vue-password-strength-meter": "^1.3.2",
"vue-perfect-scrollbar": "^0.1.0",
"vue-property-decorator": "^7.0.0",
"vue-router": "3.5.4",
"vue-tabs-component": "^1.5.0",
"vue-template-compiler": "^2.7.14",
"vue2-editor": "^2.10.2",
"vuejs-datepicker": "^1.5.4",
"vuelidate": "^0.7.4",
"vuex": "^4.0.0-alpha.1",
"zxcvbn": "^4.4.2"
},
"devDependencies": {
"@types/vue2-editor": "^2.6.1",
"@vue/cli-plugin-babel": "^3.0.1",
"@vue/cli-plugin-e2e-nightwatch": "^3.0.1",
"@vue/cli-plugin-eslint": "^3.0.1",
"@vue/cli-plugin-typescript": "^3.0.4",
"@vue/cli-plugin-unit-jest": "^3.0.1",
"@vue/cli-service": "^3.0.1",
"@vue/compiler-sfc": "^3.0.0-beta.1",
"@vue/test-utils": "^2.0.0-alpha.1",
"babel-core": "^7.0.0-bridge.0",
"babel-jest": "^23.4.2",
"eslint-plugin-vue": "^7.0.0-alpha.0",
"node-sass": "^4.9.3",
"sass-loader": "^7.1.0",
"stylus": "^0.54.5",
"stylus-loader": "^3.0.2",
"typescript": "^3.0.0",
"vue-cli-plugin-vue-next": "~0.1.4"
},
"browserslist": [
"> 1%",
"last 2 versions",
"not ie <= 9"
],
"copyright": "Copyright 2022 Apex Salary Packaging System",
"engines": {
"node": ">= 8.10.x",
"npm": ">= 5.6.0"
},
"homepage": "http://coreui.io",
"license": "MIT"
}
After I tried to build it locally by using above command, there is an error message in the terminal.
> @coreui/apex-salary-packaging-system@1.0.0 serve
> vue-cli-service serve
INFO Starting development server...
Starting type checking service...
Using 1 worker with 2048MB memory limit
10% building 2/5 modules 3 active ...s\KanchanaKariyawasam\source\repos\apex-salary-web\node_modules\webpack\hot\dev-server.js E
rror: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:71:19)
at Object.createHash (node:crypto:133:10)
at module.exports (C:\Users\KanchanaKariyawasam\source\repos\apex-salary-web\node_modules\webpack\lib\util\createHash.js:135:53)
at NormalModule._initBuildHash (C:\Users\KanchanaKariyawasam\source\repos\apex-salary-web\node_modules\webpack\lib\NormalModule.js:417:16)
at handleParseError (C:\Users\KanchanaKariyawasam\source\repos\apex-salary-web\node_modules\webpack\lib\NormalModule.js:471:10)
at C:\Users\KanchanaKariyawasam\source\repos\apex-salary-web\node_modules\webpack\lib\NormalModule.js:503:5
at C:\Users\KanchanaKariyawasam\source\repos\apex-salary-web\node_modules\webpack\lib\NormalModule.js:358:12
at C:\Users\KanchanaKariyawasam\source\repos\apex-salary-web\node_modules\loader-runner\lib\LoaderRunner.js:373:3
at iterateNormalLoaders (C:\Users\KanchanaKariyawasam\source\repos\apex-salary-web\node_modules\loader-runner\lib\LoaderRunner.js:214:10)
at iterateNormalLoaders (C:\Users\KanchanaKariyawasam\source\repos\apex-salary-web\node_modules\loader-runner\lib\LoaderRunner.js:221:10)
at C:\Users\KanchanaKariyawasam\source\repos\apex-salary-web\node_modules\loader-runner\lib\LoaderRunner.js:236:3
at runSyncOrAsync (C:\Users\KanchanaKariyawasam\source\repos\apex-salary-web\node_modules\loader-runner\lib\LoaderRunner.js:130:11)
at iterateNormalLoaders (C:\Users\KanchanaKariyawasam\source\repos\apex-salary-web\node_modules\loader-runner\lib\LoaderRunner.js:232:2)
at Array.<anonymous> (C:\Users\KanchanaKariyawasam\source\repos\apex-salary-web\node_modules\loader-runner\lib\LoaderRunner.js:205:4)
at Storage.finished (C:\Users\KanchanaKariyawasam\source\repos\apex-salary-web\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16)
at C:\Users\KanchanaKariyawasam\source\repos\apex-salary-web\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:91:9
node:internal/crypto/hash:71
this[kHandle] = new _Hash(algorithm, xofLen);
^
Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:71:19)
at Object.createHash (node:crypto:133:10)
at module.exports (C:\Users\KanchanaKariyawasam\source\repos\apex-salary-web\node_modules\webpack\lib\util\createHash.js:135:53)
at NormalModule._initBuildHash (C:\Users\KanchanaKariyawasam\source\repos\apex-salary-web\node_modules\webpack\lib\NormalModule.js:417:16)
at handleParseError (C:\Users\KanchanaKariyawasam\source\repos\apex-salary-web\node_modules\webpack\lib\NormalModule.js:471:10)
at C:\Users\KanchanaKariyawasam\source\repos\apex-salary-web\node_modules\webpack\lib\NormalModule.js:503:5
at C:\Users\KanchanaKariyawasam\source\repos\apex-salary-web\node_modules\webpack\lib\NormalModule.js:358:12
at C:\Users\KanchanaKariyawasam\source\repos\apex-salary-web\node_modules\loader-runner\lib\LoaderRunner.js:373:3
at iterateNormalLoaders (C:\Users\KanchanaKariyawasam\source\repos\apex-salary-web\node_modules\loader-runner\lib\LoaderRunner.js:214:10)
at Array.<anonymous> (C:\Users\KanchanaKariyawasam\source\repos\apex-salary-web\node_modules\loader-runner\lib\LoaderRunner.js:205:4)
at Storage.finished (C:\Users\KanchanaKariyawasam\source\repos\apex-salary-web\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16)
at C:\Users\KanchanaKariyawasam\source\repos\apex-salary-web\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:91:9
at C:\Users\KanchanaKariyawasam\source\repos\apex-salary-web\node_modules\graceful-fs\graceful-fs.js:123:16
at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read_file_context:68:3) {
opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
library: 'digital envelope routines',
reason: 'unsupported',
code: 'ERR_OSSL_EVP_UNSUPPORTED'
}
Node.js v18.16.0
I have already installed node v18.16.0 and node modules. But the issue is same. How can I resolve this issue?
