I am trying to installing my project but when i run this command npm run production it raises this error. I am not sure that what mistake i have done on it because previously it was working fine but suddenly i got this error and I'm stocking on this. So what should id do now?
ERROR in ./resources/App.vue?vue&type=style&index=0&lang=scss& (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-11[0].rules[0].use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/laravel-mix/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-11[0].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-11[0].rules[0].use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/App.vue?vue&type=style&index=0&lang=scss&)
Module build failed (from ./node_modules/laravel-mix/node_modules/postcss-loader/dist/cjs.js):
TypeError: Cannot read property 'toLowerCase' of undefined
at /var/www/project/dev/back/releases/513/resources/App.vue:61595:1
at hasInherit (/var/www/project/dev/back/releases/513/node_modules/laravel-mix/node_modules/postcss-merge-longhand/dist/lib/canMerge.js:16:39)
at Array.some (<anonymous>)
at _default (/var/www/project/dev/back/releases/513/node_modules/laravel-mix/node_modules/postcss-merge-longhand/dist/lib/canMerge.js:23:13)
at /var/www/project/dev/back/releases/513/node_modules/laravel-mix/node_modules/postcss-merge-longhand/dist/lib/decl/borders.js:234:33
at mergeRules (/var/www/project/dev/back/releases/513/node_modules/laravel-mix/node_modules/postcss-merge-longhand/dist/lib/mergeRules.js:44:11)
at /var/www/project/dev/back/releases/513/node_modules/laravel-mix/node_modules/postcss-merge-longhand/dist/lib/decl/borders.js:233:29
at Array.forEach (<anonymous>)
at Object.merge (/var/www/project/dev/back/releases/513/node_modules/laravel-mix/node_modules/postcss-merge-longhand/dist/lib/decl/borders.js:231:7)
at /var/www/project/dev/back/releases/513/node_modules/laravel-mix/node_modules/postcss-merge-longhand/dist/index.js:20:13
at Array.forEach (<anonymous>)
at /var/www/project/dev/back/releases/513/node_modules/laravel-mix/node_modules/postcss-merge-longhand/dist/index.js:18:23
at /var/www/project/dev/back/releases/513/node_modules/postcss/lib/container.js:96:18
at /var/www/project/dev/back/releases/513/node_modules/postcss/lib/container.js:55:18
at Root.each (/var/www/project/dev/back/releases/513/node_modules/postcss/lib/container.js:41:16)
at Root.walk (/var/www/project/dev/back/releases/513/node_modules/postcss/lib/container.js:52:17)
at Root.walkRules (/var/www/project/dev/back/releases/513/node_modules/postcss/lib/container.js:94:19)
at OnceExit (/var/www/project/dev/back/releases/513/node_modules/laravel-mix/node_modules/postcss-merge-longhand/dist/index.js:17:11)
at LazyResult.runAsync (/var/www/project/dev/back/releases/513/node_modules/postcss/lib/lazy-result.js:431:21)
at async Object.loader (/var/www/project/dev/back/releases/513/node_modules/laravel-mix/node_modules/postcss-loader/dist/index.js:97:14)
and my package.json
{
"private": true,
"scripts": {
"dev": "npm run development",
"development": "mix",
"watch": "mix watch ",
"watch-poll": "mix watch -- --watch-options-poll=1000",
"hot": "mix watch --hot",
"prod": "npm run production",
"production": "mix --production"
},
"dependencies": {
"@babel/polyfill": "^7.4.4",
"@ckeditor/ckeditor5-build-classic": "^25.0.0",
"@ckeditor/ckeditor5-upload": "^27.1.0",
"@ckeditor/ckeditor5-vue2": "^1.0.5",
"@fortawesome/fontawesome-free": "^5.15.3",
"@mdi/font": "^3.6.95",
"@popperjs/core": "^2.9.1",
"@riophae/vue-treeselect": "^0.4.0",
"animate.css": "^4.1.0",
"apexcharts": "^3.26.0",
"axios": "^0.19.2",
"axios-mock-adapter": "^1.18.1",
"bootstrap": "^4.5.0",
"bootstrap-vue": "^2.13.0",
"clipboard": "^2.0.8",
"core-js": "^3.9.1",
"deepmerge": "^4.2.2",
"js-cookie": "^2.2.1",
"laravel-echo": "^1.11.0",
"laravel-mix-alias": "^1.0.2",
"laravel-vue-datatable": "^0.6.0",
"laravel-vue-pagination": "^2.3.1",
"line-awesome": "^1.3.0",
"object-path": "^0.11.4",
"object-to-formdata": "^4.1.0",
"portal-vue": "^2.1.7",
"pusher-js": "^7.0.3",
"roboto-fontface": "*",
"socicon": "^3.0.5",
"sweetalert2": "^9.10.12",
"tooltip.js": "^1.3.2",
"v-mask": "^2.2.4",
"vee-validate": "^3.4.5",
"vform": "^1.0.1",
"vue": "^2.6.11",
"vue-apexcharts": "^1.5.3",
"vue-axios": "^2.1.4",
"vue-clipboard2": "^0.3.1",
"vue-cropperjs": "^4.1.0",
"vue-highlight.js": "^3.1.0",
"vue-i18n": "^8.24.2",
"vue-inline-svg": "^1.3.0",
"vue-loading-overlay": "^3.4.2",
"vue-perfect-scrollbar": "^0.2.1",
"vue-router": "^3.1.5",
"vue-select": "^3.11.2",
"vue2-dropzone": "^3.6.0",
"vue2-filters": "^0.13.0",
"vue2-perfect-scrollbar": "^1.5.0",
"vue2-scrollspy": "^2.3.1",
"vue2-smooth-scroll": "^1.5.0",
"vuedraggable": "^2.24.3",
"vuelidate": "^0.7.5",
"vuetify": "^2.4.8",
"vuex": "^3.3.0",
"vuex-persistedstate": "^4.0.0-beta.3",
"webpack": "^5.9.0"
},
"devDependencies": {
"@vue/cli-plugin-babel": "^4.5.12",
"@vue/cli-plugin-eslint": "^4.5.12",
"@vue/cli-service": "^4.5.12",
"@vue/eslint-config-prettier": "^4.0.1",
"axios": "^0.21.1",
"babel-eslint": "^10.0.3",
"bootstrap": "^4.0.0",
"cross-env": "^7.0.3",
"css-loader": "^5.2.7",
"eslint": "^5.16.0",
"eslint-plugin-prettier": "^3.1.3",
"eslint-plugin-vue": "^5.0.0",
"jquery": "^3.6.0",
"laravel-mix": "^6.0.35",
"lodash": "^4.17.21",
"popper.js": "^1.12",
"postcss": "^8.2.8",
"replace-in-file-webpack-plugin": "^1.0.6",
"resolve-url-loader": "^3.1.2",
"sass": "^1.32.8",
"sass-loader": "^8.0.2",
"vue": "^2.5.17",
"vue-cli-plugin-vuetify": "^2.3.1",
"vue-loader": "^15.9.5",
"vue-template-compiler": "^2.6.11",
"vuetify-loader": "^1.3.0",
"webpack-cli": "^3.3.12",
"webpack-messages": "^2.0.4"
}
}
via Chebli Mohamed
Aucun commentaire:
Enregistrer un commentaire