Laravel-mix displays this.setDynamic is not a function error

problem description

package.json content:

{
    "private": true,
    "scripts": {
        "dev": "npm run development",
        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
        "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
        "watch-poll": "npm run watch -- --watch-poll",
        "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
        "prod": "npm run production",
        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
    },
    "devDependencies": {
        "@kazupon/vue-i18n-loader": "^0.3.0",
        "@vue/cli-plugin-babel": "^3.0.0",
        "@vue/cli-plugin-eslint": "^3.0.0",
        "@vue/cli-plugin-unit-jest": "^3.0.0",
        "@vue/cli-service": "^3.0.0",
        "@vue/eslint-config-standard": "^3.0.0",
        "@vue/test-utils": "^1.0.0-beta.20",
        "axios": "^0.17.1",
        "babel-core": "7.0.0-bridge.0",
        "babel-jest": "^23.0.1",
        "babel-plugin-syntax-dynamic-import": "^6.18.0",
        "babel-polyfill": "^6.26.0",
        "better-scroll": "^1.12.1",
        "cross-env": "^5.1",
        "dayjs": "^1.6.7",
        "element-ui": "^2.4.4",
        "flex.css": "^1.1.7",
        "fuse.js": "^3.2.1",
        "hotkeys-js": "^3.3.6",
        "js-cookie": "^2.2.0",
        "laravel-mix": "^2.0",
        "lint-staged": "^7.2.0",
        "lodash": "^4.17.11",
        "lowdb": "^1.0.0",
        "mockjs": "^1.0.1-beta3",
        "node-sass": "^4.9.0",
        "nprogress": "^0.2.0",
        "particles.js": "^2.0.0",
        "resolve-url-loader": "2.3.1",
        "sass-loader": "^7.0.1",
        "screenfull": "^3.3.2",
        "svg-sprite-loader": "^3.8.0",
        "text-loader": "0.0.1",
        "ua-parser-js": "^0.7.18",
        "vue": "^2.5.17",
        "vue-i18n": "^7.4.2",
        "vue-router": "^3.0.1",
        "vue-template-compiler": "^2.5.17",
        "vuex": "^3.0.1",
        "webpack-cli": "^3.1.2",
        "webpack": "^3.5.0"
    },
    "dependencies": {
        "clipboard-polyfill": "^2.7.0",
        "element-china-area-data": "^4.1.1",
        "sass": "^1.15.2",
        "vue-context": "2.0.1",
        "vuex-persistedstate": "^2.5.4"
    }
}

.babelrc file contents:

"plugins": ["syntax-dynamic-import"]

an error appears when running the npm run dev command:

the environmental background of the problems and what methods you have tried

tried these two methods:
Module build failed: TypeError: this.setDynamic is not a function
Webpack babel-loader runtime: Module build failed: TypeError: this.setDynamic is not a function
still failed. Before the construction of the project can run well, and then need to use the chart: yarn add e-chart after the emergence of this problem, restore after the re-yarn install is still not good, which is the problem?

Mar.16,2022

just update the laravel-mix version to the latest version

Menu