藏色散人
转载
编程分享
2020-12-17 23:01:05
简介 webpack不识别react是因为使用了es6的import关键字声明的变量，并且没有将变量挂载到window上导致的，其解决办法就是使用es5的声明变量方式“var React = require("react");”即可。
本教程操作环境：windows7系统、react17.0.1&&Webpack3.0版，该方法适用于所有品牌电脑。
相关推荐：《》
webpack打包后不识别react怎么办？
问题：
webpack能够正常打包react项目，但是在chrome调试器中报错如下
Uncaught ReferenceError: React is not defined
原因：
使用了es6的import关键字声明的变量，没有将变量挂载到window上。
es5中只有var和function会声明变量而且默认是全局对象的属性，只有全局作用域和函数作用域。也就是nodejs中global的属性，浏览器中window的属性，这就带来了一些问题，全局污染，当一个程序里有好多同名变量的时候后面的覆盖前面的。
为了解决这种问题或者其他原因，es6引入了const,import,class,let等关键字，它们是块作用域，这些关键字声明出来的不会做全局变量的属性，也就是说不会做global或者window的属性。
解决方法：
使用es5的声明变量方式
var React = require("react");
2025-04-28 09:28:49 评
有了它，AI 都能直接管理 Gitee 代码仓啦 :
234234
2024-05-28 18:49:54 评
袅袅炊烟起，长河落日急 :
![[爱了]](/js/img/d1.gif)
2023-06-02 13:05:35 评
作为程序员的痛苦 :
做程序员最难的其实是坚持，恒心，毅力，决心，规划，执行力必须很强，否则难成！
2023-05-19 12:00:58 评
令人困惑的strtotime :
学习了给博主点赞
2023-05-07 15:53:27 评
袅袅炊烟起，长河落日急 :
—— 揽流光，涤眉霜，清露烈酒一口话苍茫。
2023-05-07 15:35:51 评
从 Elasticsearch 到 Apache Doris，构建 10 倍性价比提升的新一代日志存储分析平台 :
几十岁的人了都![[尴尬]](/js/img/d16.gif)
2023-05-07 15:34:13 评
Kubernetes Gateway API 深入解读和落地指南 :
//here is mark
console.log('mark');
//mark ..............................2023-05-07 15:31:26 评
使用MASA全家桶从零开始搭建IoT平台（二）设备注册 :
echo 'Nice';
//Nice2023-05-07 15:24:16 评
Android 自定义View 之 圆环进度条 :
2023-05-06 16:33:01 评
袅袅炊烟起，长河落日急 :
看看新作的模块表现如何。。。
echo '不错';