打包react npm组件使用@babel/plugin-transform-runtime报错Component 未定义

Question

问题

• 打包react npm组件使用@babel/plugin-transform-runtime 报错 Uncaught TypeError: Cannot read property 'Component' of undefined
• 执行build成功，让后引入打完的npm包，执行 npm run start，产生 如下图 warning
  
• 浏览器打开项目访问，结果如下：
  

问题起因

打包一个react npm 包，因为项目需要用到 async await，打包时让下载 @babel/plugin-transform-runtime,@babel/runtime，

配置

• .babelrc

{
    "presets": [
        "@babel/preset-env",
        "@babel/preset-react"
    ],
    "plugins": [
        "@babel/plugin-transform-runtime",
        "@babel/plugin-proposal-class-properties",
        "@babel/plugin-proposal-object-rest-spread"
    ]
}

• webpack.config.js

rules: [
{
    test: /\.(js|jsx)$/,
    use: "babel-loader",
    exclude: /node_modules/
},
{
    test: /\.(ts|tsx)$/,
    use: ["babel-loader", "ts-loader"],
    exclude: /node_modules/
}
]

---

临时解决办法：

没办法，我就把async函数改为 promise 然后.babelrc去掉 @babel/plugin-transform-runtime，再次打包、引入、启动就变好了

---

为什么？

请问为什么使用 @babel/plugin-transform-runtime 会造成错误，以及怎么修改配置能让我正常使用 async函数？