Frontend npm install command failing - [ ERROR Failed to compile with 1 error ] #11
Description
Hi Team,
I was checking this up and while replicating at the lab end i notice the npm error while installing the frontend.
Step 5: Run the comamand below to build the frontend:
npm install && npm run build
ERROR Failed to compile with 1 error
error in [internal]
INTERNAL ERROR(undefined,undefined) Cannot destructure property 'script' of 'result.descriptor' as it is undefined.
stack trace:
TypeError: Cannot destructure property 'script' of 'result.descriptor' as it is undefined.
at Object.parseComponent (/home/ec2-user/liveness-detection/client/node_modules/@vue/cli-plugin-typescript/vue-compiler-sfc-shim.js:6:13)
at Function.resolveScriptBlock (/home/ec2-user/liveness-detection/client/node_modules/fork-ts-checker-webpack-plugin/lib/VueProgram.js:196:35)
at Object.host.getSourceFile (/home/ec2-user/liveness-detection/client/node_modules/fork-ts-checker-webpack-plugin/lib/VueProgram.js:106:45)
at findSourceFile (/home/ec2-user/liveness-detection/client/node_modules/typescript/lib/typescript.js:101559:29)
at processImportedModules (/home/ec2-user/liveness-detection/client/node_modules/typescript/lib/typescript.js:101900:25)
at findSourceFile (/home/ec2-user/liveness-detection/client/node_modules/typescript/lib/typescript.js:101607:17)
at /home/ec2-user/liveness-detection/client/node_modules/typescript/lib/typescript.js:101436:85
at getSourceFileFromReferenceWorker (/home/ec2-user/liveness-detection/client/node_modules/typescript/lib/typescript.js:101403:34)
at processSourceFile (/home/ec2-user/liveness-detection/client/node_modules/typescript/lib/typescript.js:101436:13)
at processRootFile (/home/ec2-user/liveness-detection/client/node_modules/typescript/lib/typescript.js:101259:13)
ERROR Build failed with errors.
To get rid of the error just a quick workaround was to skip the dependency in the packages.json file.
{
"name": "liveness-client",
"version": "1.0.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"axios": "~0.21.1",
"core-js": "~3.6.5",
"face-api.js": "~0.22.2",
"js-logger": "~1.6.0",
"uuid": "~8.1.0",
"vue": "~2.6.11",
"vue-lottie": "~0.2.1"
},
"devDependencies": {
"@types/uuid": "~8.0.0",
"@typescript-eslint/eslint-plugin": "~2.33.0",
"@typescript-eslint/parser": "~2.33.0",
"@vue/cli-plugin-babel": "~4.4.0",
"@vue/cli-plugin-eslint": "~4.4.0",
"@vue/cli-plugin-typescript": "~4.4.0",
"@vue/cli-service": "~4.4.0",
"@vue/eslint-config-prettier": "~6.0.0",
"@vue/eslint-config-typescript": "~5.0.2",
"eslint": "~6.7.2",
"eslint-plugin-prettier": "~3.1.3",
"eslint-plugin-vue": "~6.2.2",
"prettier": "~1.19.1",
"typescript": "~3.9.3",
"vue-template-compiler": "~2.6.11"
}
}