npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE package: '@casl/ability@4.1.6',
npm WARN EBADENGINE required: { npm: '^6.0.0' },
npm WARN EBADENGINE current: { node: 'v16.17.1', npm: '8.15.0' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE package: '@casl/vue@1.1.1',
npm WARN EBADENGINE required: { npm: '^6.0.0' },
npm WARN EBADENGINE current: { node: 'v16.17.1', npm: '8.15.0' }
npm WARN EBADENGINE }
npm ERR! code 255
npm ERR! path C:\Users\Desktop\vm\front end\app\vue_app\node_modules\swiper
npm ERR! command failed
npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c C:\Users\AppData\Local\Temp\postinstall-f7fd8314.cmd
npm ERR! "Love Swiper? Support Vladimir's work by donating or pledging on patreon:
npm ERR! The syntax of the command is incorrect.
iam getting this error when i tried npm install the issue is with a package swiper and package is 5.4.5 version i tried to do an npm install in my vue js project and this is what is happening it used to work previously i am facing this after i tried to reinstall the project iam using node version v16.17.1 and npm version is 8.15.0 and this is my package.json
"name": "vuexy-vuejs-react-html-laravel-admin-dashboard-template",
"version": "6.4.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"@casl/ability": "4.1.6",
"@casl/vue": "1.1.1",
"@fullcalendar/common": "5.x",
"@fullcalendar/core": "5.x",
"@fullcalendar/daygrid": "5.x",
"@fullcalendar/interaction": "5.x",
"@fullcalendar/list": "5.x",
"@fullcalendar/timegrid": "5.x",
"@fullcalendar/vue": "5.x",
"@riophae/vue-treeselect": "^0.4.0",
"@vue/composition-api": "1.3.0",
"@vueuse/core": "4.0.0",
"animate.css": "4.1.1",
"apexcharts": "3.23.0",
"axios": "0.21.1",
"axios-mock-adapter": "1.19.0",
"bootstrap": "4.6.0",
"bootstrap-vue": "2.21.1",
"chart.js": "2.9.4",
"core-js": "3.8.1",
"echarts": "4.8.0",
"jsonwebtoken": "8.5.1",
"leaflet": "1.6.0",
"moment": "^2.29.4",
"portal-vue": "2.1.7",
"postcss-rtl": "1.7.3",
"prismjs": "1.19.0",
"swiper": "5.4.5",
"uuid": "8.3.2",
"vee-validate": "3.4.5",
"vue": "2.x",
"vue-apexcharts": "1.6.0",
"vue-autosuggest": "2.2.0",
"vue-awesome-swiper": "4.1.1",
"vue-chartjs": "3.5.0",
"vue-cleave-component": "2.1.3",
"vue-clipboard2": "0.3.1",
"vue-context": "6.0.0",
"vue-cookie": "^1.1.4",
"vue-cookies": "^1.8.2",
"vue-echarts": "5.0.0-beta.0",
"vue-feather-icons": "5.1.0",
"vue-flatpickr-component": "8.1.6",
"vue-form-wizard": "0.8.4",
"vue-good-table": "2.21.0",
"vue-i18n": "8.22.2",
"vue-multiselect": "^2.1.6",
"vue-perfect-scrollbar": "0.2.1",
"vue-prism-component": "1.1.1",
"vue-quill-editor": "3.0.6",
"vue-recaptcha-v3": "1.9.0",
"vue-ripple-directive": "2.0.1",
"vue-router": "3.4.9",
"vue-select": "^3.11.2",
"vue-slider-component": "^3.2.11",
"vue-sweetalert2": "4.1.1",
"vue-text-highlight": "^2.0.10",
"vue-toastification": "1.7.11",
"vue-tour": "1.5.0",
"vue-tree-halower": "1.8.3",
"vue2-leaflet": "2.5.2",
"vuedraggable": "2.24.3",
"vuex": "3.6.0",
"vuex-persistedstate": "^4.1.0"
},
"devDependencies": {
"@vue/cli-plugin-babel": "~4.5.9",
"@vue/cli-plugin-eslint": "~4.5.9",
"@vue/cli-plugin-router": "~4.5.9",
"@vue/cli-plugin-vuex": "~4.5.9",
"@vue/cli-service": "~4.5.9",
"@vue/eslint-config-airbnb": "^5.3.0",
"@vuepress/plugin-medium-zoom": "^1.7.1",
"babel-eslint": "^10.0.3",
"eslint": "6.8.0",
"eslint-plugin-import": "^2.22.1",
"eslint-plugin-vue": "6.2.2",
"sass": "1.32.*",
"sass-loader": "^10.1.0",
"vue-template-compiler": "2.x"
}
}