jeudi 28 octobre 2021

why i am getting this error webpack compiled with 1 error?

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