导入默认导出未定义

Question

我将 TypeScript 与 Babel 7、Webpack 4 和 React 一起使用。

export default () => <span>Test</span>

然后

import Test from './test'

此时测试未定义或plugin-transform-modules-commonjs 为空对象。

.babelrc

  "plugins": [
    "@babel/plugin-syntax-dynamic-import",
    "@babel/plugin-proposal-class-properties",
    "@babel/plugin-proposal-object-rest-spread",
    "@babel/plugin-transform-arrow-functions",
    "@babel/plugin-transform-modules-commonjs",
    "react-hot-loader/babel"
  ],
  "presets": [
    "@babel/preset-react",
    "@babel/preset-typescript",
    ["@babel/preset-env", {
      "targets": {
        "browsers": "> 0.5%, last 2 versions, Firefox ESR, ie 11, not dead"
      }
    }]
  ]
}

tsconfig.json

{
    "compilerOptions": {
    "module": "common",
    "target": "es5",
    "noEmit": true,
    "strict": true,
    "skipLibCheck": true,
    "baseUrl": "./",
    "paths": {
      "*": ["declarations"]
    }
  },
  "include": [
    "src"
  ],
  "exclude": [
    "node_modules"
  ]
}

Answer 1

如果我没记错的话，原来是 react-hot-loader 造成了这个错误。