ReferenceError: React is not defined 报错解决方法

今天使用 create-react-app 写 demo 的时候遇到了这个问题

还原事故现场:

create-react-app 创建项目后

执行 npm run eject 暴露配置

启动项目就报错了:

小鑫の随笔

搜索了一圈啥收获也没有,最终在官方的 issues 里找到了解决办法

原因是:

jsx 运行时的 webpack 配置会在 eject 时候被删除

所以需要在 package.json 把配置加回来

1
2
3
4
5
6
7
8
9
10
11
12
13
// package.json
{
"babel": {
"presets": [
[
"react-app",
{
"runtime": "automatic"
}
]
]
}
}

重新启动项目就欧了 没那个报错了

issues 详情:https://github.com/facebook/create-react-app/issues/9882