Webpack babel.loader和pluginPass.CallExpression错误

我犯了一个巴别塔错误，我的团队中没有其他人会犯这个错误，有几个错误看起来像这样：

ERROR in ./src/app/component/CheckoutPayments/CheckoutPayments.component.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
TypeError: /Users/bryanrasmussen/projects/DPF/frontend/src/app/component/CheckoutPayments/CheckoutPayments.component.js: Cannot read property 'value' of undefined
    at PluginPass.CallExpression (/Users/bryanrasmussen/projects/DPF/frontend/node_modules/babel-plugin-console-source/index.js:30:47)
    at newFn (/Users/bryanrasmussen/projects/DPF/frontend/node_modules/@babel/core/node_modules/@babel/traverse/lib/visitors.js:179:21)
    at NodePath._call (/Users/bryanrasmussen/projects/DPF/frontend/node_modules/@babel/core/node_modules/@babel/traverse/lib/path/context.js:55:20)
    at NodePath.call (/Users/bryanrasmussen/projects/DPF/frontend/node_modules/@babel/core/node_modules/@babel/traverse/lib/path/context.js:42:17)
    at NodePath.visit (/Users/bryanrasmussen/projects/DPF/frontend/node_modules/@babel/core/node_modules/@babel/traverse/lib/path/context.js:90:31)
    at TraversalContext.visitQueue (/Users/bryanrasmussen/projects/DPF/frontend/node_modules/@babel/core/node_modules/@babel/traverse/lib/context.js:112:16)
    at TraversalContext.visitSingle (/Users/bryanrasmussen/projects/DPF/frontend/node_modules/@babel/core/node_modules/@babel/traverse/lib/context.js:84:19)
    at TraversalContext.visit (/Users/bryanrasmussen/projects/DPF/frontend/node_modules/@babel/core/node_modules/@babel/traverse/lib/context.js:140:19)
    at Function.traverse.node (/Users/bryanrasmussen/projects/DPF/frontend/node_modules/@babel/core/node_modules/@babel/traverse/lib/index.js:84:17)
    at NodePath.visit (/Users/bryanrasmussen/projects/DPF/frontend/node_modules/@babel/core/node_modules/@babel/traverse/lib/path/context.js:97:18)
    at TraversalContext.visitQueue (/Users/bryanrasmussen/projects/DPF/frontend/node_modules/@babel/core/node_modules/@babel/traverse/lib/context.js:112:16)
    at TraversalContext.visitMultiple (/Users/bryanrasmussen/projects/DPF/frontend/node_modules/@babel/core/node_modules/@babel/traverse/lib/context.js:79:17)
    at TraversalContext.visit (/Users/bryanrasmussen/projects/DPF/frontend/node_modules/@babel/core/node_modules/@babel/traverse/lib/context.js:138:19)
    at Function.traverse.node (/Users/bryanrasmussen/projects/DPF/frontend/node_modules/@babel/core/node_modules/@babel/traverse/lib/index.js:84:17)
    at NodePath.visit (/Users/bryanrasmussen/projects/DPF/frontend/node_modules/@babel/core/node_modules/@babel/traverse/lib/path/context.js:97:18)
    at TraversalContext.visitQueue (/Users/bryanrasmussen/projects/DPF/frontend/node_modules/@babel/core/node_modules/@babel/traverse/lib/context.js:112:16)
 @ ./src/app/route/Checkout/Checkout.container.js 46:0-96 95:76-82 95:84-93
 @ ./src/app/route/Checkout/index.js
 @ ./src/app/route/index.js
 @ ./src/app/index.js

在实际代码的任何地方都没有引用属性值，这使我认为它是巴别塔编译的遗物。无论如何，正因为如此，人们很难理解巴贝尔在抱怨什么

我的八宝车是

{
  "presets": ["airbnb"],
  "plugins": [
    ["transform-replace-object-assign", { "moduleSpecifier": "object.assign" }],
    [
      "module-resolver", {
      "root": "./",
      "alias": {
        "Style": "./src/app/style/",
        "Component": "./src/app/component/",
        "Route": "./src/app/route/",
        "Store": "./src/app/store/",
        "Util": "./src/app/util/",
        "Query": "./src/app/query/",
        "Type": "./src/app/type/",
        "SourceRoute": "../../../../../vendor/scandipwa/source/src/app/route/"
      }
    }
    ]
  ]
}

我的巴别塔配置是

const presets = [
    '@babel/preset-env',
    '@babel/preset-react'
];

const plugins = [
    'transform-rebem-jsx',
    '@babel/plugin-proposal-object-rest-spread',
    '@babel/plugin-proposal-class-properties',
    '@babel/plugin-transform-runtime',
    '@babel/plugin-syntax-dynamic-import',
    [
        'module-resolver', {
            root: './',
            alias: {
                Style: './src/app/style/',
                Component: './src/app/component/',
                Route: './src/app/route/',
                Store: './src/app/store/',
                Util: './src/app/util/',
                Query: './src/app/query/',
                Type: './src/app/type/',
                SourceStyle: '../../../../../vendor/scandipwa/source/src/app/style/',
                SourceComponent: '../../../../../vendor/scandipwa/source/src/app/component/',
                SourceRoute: '../../../../../vendor/scandipwa/source/src/app/route/',
                SourceStore: '../../../../../vendor/scandipwa/source/src/app/store/',
                SourceUtil: '../../../../../vendor/scandipwa/source/src/app/util/',
                SourceQuery: '../../../../../vendor/scandipwa/source/src/app/query/',
                SourceType: '../../../../../vendor/scandipwa/source/src/app/type/'
            }
        }
    ],
    [
        'console-source', {
            segments: 1
        }
    ]
];

module.exports = {
    presets,
    plugins
};

巴别塔组件是

"@babel/core": "^7.10.3",
"@babel/plugin-proposal-class-properties": "^7.10.1",
"@babel/plugin-proposal-object-rest-spread": "^7.10.3",
"@babel/plugin-syntax-dynamic-import": "^7.8.3",
"@babel/plugin-transform-runtime": "^7.10.3",
"@babel/preset-env": "^7.10.3",
"@babel/preset-react": "^7.10.1",
"@babel/runtime": "^7.10.3",
"babel-cli": "^6.26.0",
"babel-core": "^7.0.0-bridge.0",
"babel-eslint": "^10.1.0",
"babel-jest": "^23.6.0",
"babel-loader": "^8.1.0",
"babel-minify-webpack-plugin": "^0.3.1",
"babel-plugin-console-source": "^2.0.5",
"babel-plugin-module-resolver": "^3.1.1",
"babel-plugin-transform-rebem-jsx": "^0.3.3",
"babel-plugin-transform-replace-object-assign": "^2.0.0",
"babel-preset-airbnb": "^3.2.0",

网页包版本为“^4.43.0”

---

人们遇到的类似问题似乎并不完全是这一个

我也面临着同样的问题。将package.json&package-lock.json文件替换为原始文件，并开始工作

截图：

您可以从以下文件位置更新package.json：

• 供应商/scandipwa/source/package.json
• 供应商/scandipwa/source/package-lock.json

---

我也面临同样的问题。将package.json&package-lock.json文件替换为原始文件，并开始工作
截图：
您可以从以下文件位置更新package.json：
• 供应商/scandipwa/source/package.json
• 供应商/scandipwa/source/package-lock.json

---

如果您运行

npm update

将所有软件包更新为最新版本，则可能会发生这种情况。如果您不想冒险破坏某些软件包，则不应这样做。如果您运行

npm update

将所有软件包更新为最新版本，则可能会发生这种情况。如果您不想冒险破坏某些软件包，则不应这样做。