webpack 打包出现的错误

[xiaochengzi6]

在使用 webpack 打包 react 项目代码时候 打开项目 index.html 去查看效果会发现 浏览器抛出错误 React is undefined 这类的错误 原因在于 项目中使用了 jsx 语法 而这个语法会被自动编译成 React.CreateElement(/*...*/) 被这个函数所包裹的东西 由于 使用到了 React 而没有去引用 import React from 'React' 打包后就会抛出错误

解决方法:

// 当设置为 automatic 时，将自动导入（import）JSX 转换而来的函数。
  "presets":["@babel/preset-env",["@babel/preset-react", {"runtime":"automatic"}]],

不过我好像在文档中见到 当 react 会使用另一个对象去构建 jsx => 虚拟 逐渐放弃使用 React.createElement 函数