reactjs - 最新 Babel (@babel/core v7) 错误 "exports is not defined"

Question

到目前为止，我已尝试了所有能找到的方法，但仍然收到错误“导出未定义”。

我正在使用 ReactJS.NET(适用于 NetCore2)，这是强制性的，否则我的整个应用程序将无法在 NetCore2 下加载。

这是我的.babelrc

{
  "presets": [
    "@babel/preset-react",
    "@babel/preset-env",
    "@babel/preset-typescript"
  ],
  "plugins": [
    "add-module-exports",
    "@babel/plugin-proposal-class-properties",
    [
      "@babel/plugin-transform-runtime",
      {
        "corejs": 2,
        "helpers": true,
        "regenerator": true,
        "useESModules": true
      }
    ]
  ]
} 

旧版 babel 和“add-module-exports”一切正常。 babel 7 有替代方案吗？

Answer 1

有几件事:

• 通天塔 7 has dropped the use of add-module-exports plugin .
• 您可能想要添加 transform-es2015-modules-commonjs plugin .

更新

我没有注意到您正在使用typescript。在这种情况下，您可能想要这样做:

1) 将您的 .babelrc 更改为:

{
  "presets": [
    "react",
    ["env", {"modules": false} ],
    "typescript"
  ],
  "plugins": [
    "add-module-exports",
    "@babel/plugin-proposal-class-properties",
    [
      "@babel/plugin-transform-runtime",
      {
        "corejs": 2,
        "helpers": true,
        "regenerator": true,
        "useESModules": true
      }
    ]
  ]
}

2) 确保您的 tsconfig.json 具有以下条目:"module": "commonjs",