最新 Babel (@babel/core v7) 错误“未定义导出”

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

有几件事：

• Babel 7 不再使用add-module-exports插件。
• 您可能想要添加该transform-es2015-modules-commonjs插件。

更新

我没有注意到你正在使用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",