最新的 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

有几点：

• 通天塔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",