尝试导入生成的js模块时出错

时间:2018-03-30 06:27:18

标签: reactjs webpack ecmascript-6 babel

Babel不断变化,babelrc的基本配置是什么?

我在.babelrc

中有这个
{
    "presets": ["es2015", "react"],
    "plugins": [
        ["transform-class-properties", { "spec": true }]
      ]
}

这个

的转换代码
import React from 'react'

export default class Test extends React.Component {
  render() {
    return <h2>test</h2>
  }
}

错误React.createElement: type is invalid — expected a string我正在做出反应"react": "^15.6.1"

https://github.com/thian4/webpack-problem

我在我的演示项目中npm run build-lib

1 个答案:

答案 0 :(得分:0)

问题在于您错误使用了webpack,与baberlc文件或配置无关。

1)使用npm run build-lib您在lib文件夹中构建了一个文件,但没有真正的导出,因此umd目标是一个解决方案

2)但是1)是一种错误的方法,因为你在另一个文件中构建相同的代码库并在开发模式下导入它