今天新建的react项目，执行npm start后控制台报错： Uncaught TypeError: Cannot read property ‘forEach‘ of undefined

最新推荐文章于 2022-11-09 11:37:47 发布
最新推荐文章于 2022-11-09 11:37:47 发布
阅读量1.6k 收藏 5
点赞数 7
分类专栏： react 文章标签： react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Day71/article/details/109332106
版权

解决方案：安装新版插件由于react插件版本过低，尝试安装新版react插件后，项目不报错，附上安装地址：

react插件安装地址

选择 Download crx file from Crx4Chrome > 下载

下载成功后修改文件名后缀为rar or zip 解压

解压后添加至扩展工具，再次运行项目成功。

————————————03-04更新——————————————
看到有小伙伴反应说：
在这里插入图片描述
所以我截图教大家添加一下
如图，我将文件解压后放到该文件夹
在这里插入图片描述
在这里插入图片描述
打开谷歌浏览器，加载扩展程序
直接选择文件夹
在这里插入图片描述

添加成功
在这里插入图片描述

Cheryl71
关注
  • 7
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
【react】启动新项目时报错:Uncaught TypeError: Cannot read property ’forEach‘of undefined
all_might1的博客
09-10 1159
一、问题描述 忙里偷闲，想重开个项目，用作练习项目。但是在 npm i ，启动后，项目没有出现React转圈圈的动画。一开控制台报了如下错误： 二、问题解决思路 本来想顺藤摸瓜找到这个文件看看那句话是咋回事，但是用vscode打开的工程里全局搜愣是找不到。我自己去node_moudle顺着字母找下去，也毫无收获，没这文件。 但是无论我怎么重新启动都报这个错，然后不信邪就去直接找项目文件夹。嘿，很轻松一眼找到了。 ...
npm-explorer:使用React构建的npm依赖浏览器
04-14
该项目是通过引导的。 NPM探索者 部署到 该项目使用 API来检查依赖项 运行npm start或yarn start播放 通过验证了结果 经过测试 react 具有很多依赖项的bloater （最多显示1000个程序包） 带有循环依赖关系的jest ...
运行react项目时出现Uncaught ReferenceError: process is not defined错误提示
weixin_46353030的博客
06-29 2786
uncaught referenceError: process is not defined
【React】:Uncaught SyntaxError: Unexpected token ‘＜‘ 这种错误怎么解决？？？
weixin_53126517的博客
03-18 4027
错误示例如上图， 这个错误的前提应该是没有使用React脚手架，React框架由那么为什么会出现如图错误呢，原因是<script>标签内需要添加type="text/babel" 错误示例： <script> class Todolist extends React.Component { constructor(props) { super(props); this.state = { .
解决：react项目部署到服务器，刷新报“Uncaught SyntaxError: Unexpected token ＜“ 错误
qq_41355222的博客
10-20 2941
因为使用npm run build生成的build目录。原因就是生成的index.html引用的js文件路径不对。 <script src="./static/js/main.2a806527.chunk.js"></script> 多出来一个’.’，此时突然想起来，刚开始使用react的时候在package.json添加了一行代码"homepage": “.”。 修改为网站的网址"homepage": “http://110.42.213.191:3001/”，问题解决。 ..
Uncaught TypeError: Cannot read property ‘forEach‘ of undefined React相关报错原因
qq_46255808的博客
10-27 619
运行React框架时，浏览器报错 Uncaught TypeError: Cannot read property ‘forEach’ of undefined 在这里插入图片描述 可能是谷歌浏览器插件开启的原因，如图： 在这里插入图片描述 关闭该插件，重新刷新页面即可! ...
React App 启动报错: Cannot read property ‘forEach‘ of undefined
qq_31688927的博客
08-23 226
安装了react-devtools插件后运行报错 解决方法： 打开node_modules/@pmmmwh/react-refresh-webpack-plugin/client/ReactRefreshEntry.js文件 注释掉代码：RefreshRuntime.injectIntoGlobalHook(safeThis); 解决问题
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
当你遇到“Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'”这样的错误，通常是因为在同一个模块中混用了CommonJS（`require`和`module.exports`）和ES6模块（`import`...
报错记录 | Error: Cannot find module ‘react-dev-utils/crossSpawn’
01-07
Error: Cannot find module 'react-dev-utils/crossSpawn' at Function.Module._resolveFilename (internal/modules/cjs/loader.js:636:15) at Function.Module._load (internal/modules/cjs/loader.js:562:25) ...
npx create-react-app xxx创建项目报错的解决办法
11-21
根据React官方文档（上图）可以发现，此时并不需要安装create-react-app工具，只要你的node >= 8.10 && npm >= 5.6，就可以直接使用npx create-react-app命令来创建项目。 报错 好的:OK_hand:，那就根据上面的来呗，...
react项目启动报错:Uncaught TypeError: Cannot read property ‘forEach‘ of undefined
w_gold_qin的博客
02-19 587
https://blog.csdn.net/feinifi/article/details/112448350 如题，react项目启动报错，具体信息，如下所示： 这个问题是因为浏览器安装了react-devtools扩展程序导致的，很多人的解决办法就是直接禁用react-devtools，我觉着也还行吧，但是就是感觉不是很好，我们安装这个玩意不就是为了方便查看react元素与编译之后的代码的么？这种办法似乎有点壮士断腕，我直接不用你了。 我个人根据报错堆栈信息，找到node_modules/@pmmmw
【前端报错Uncaught (in promise) 的解决方法之一】
weixin_55736667的博客
08-20 7906
前端报错Uncaught (in promise) 的解决方法之一
react+umi项目踩坑记
旺旺旺小小苏的博客
07-20 2318
在react项目中添加umi-plugin-react插件之后发现运行不起来了，报错提示如下： 解决方法如下： 1、检查umi的版本，如果是3.0以上的那么需要Node 10.13或以上，如果版本没问题的话 2、升级umi-plugin-react为@umijs/preset-react 在pageage.json中修改依赖 将umi-plugin-react修改为@umijs/preset-react 然后删除node_modules文件重新安装依赖即可 ...
前端Uncaught (in promise) 的解决方法及原因
热门推荐
weixin_48986139的博客
01-24 9万+
前端Uncaught (in promise) 的解决方法及原因
Uncaught (in promise) 的解决方法，可能原因
seimeii的博客
11-09 1万+
https://blog.csdn.net/qq_22701869/article/details/107816023
关于react项目中渲染数组出现Uncaught TypeError: Cannot read properties of undefined (reading ‘map’)报错
weixin_46582376的博客
08-10 1861
如图所示，如果出现这种错误，原因是一开始定义的数组为undefined，所以无法成功渲染，解决的办法是在jsx上渲染的时候，先做个判断，当有值时才执行渲染。
使用react-devtools后出现Uncaught TypeError: Cannot read property ‘forEach‘ of undefined的解决方法
Leo_xian的博客
01-20 3204
在开发环境，使用到react-devtools来方便查看react dom，按github上react-devtools项目中下载的v3分支代码，一顿操作后运行项目，发现控制台报了react-refresh-runtime.development.js:465 Uncaught TypeError: Cannot read property 'forEach' of undefined 这看的我一脸懵逼啊，各种在网上找解决方法，然鹅，基本都是v3版本的。 经过一番挣扎，终于看到曙光，好家伙，就是版本的问题
React报错Uncaught (in promise) TypeError: Cannot read property 'effects of undefined at MenuList
最新发布
08-16
这个错误通常表示在React组件中的某个地方，您尝试访问一个未定义的属性或方法。在这种情况下，具体是在MenuList组件中的某个地方出现了问题。 要解决这个问题，您可以按照以下步骤进行排查： 1. 检查MenuList组件中是否存在对effects属性的访问。确保该属性已经正确定义并传递给了MenuList组件。 2. 确保在使用effects属性之前，它已经被正确初始化或赋值。您可以使用条件语句或默认值来处理未定义的情况。 3. 如果您在MenuList组件内部使用了其他自定义组件，也需要确保这些组件正确地接收和处理effects属性。 4. 检查MenuList组件中的其他代码，特别是使用effects属性的地方，看是否存在其他潜在的错误。 如果以上步骤都没有解决问题，您可以提供更多关于MenuList组件的代码和错误堆栈信息，以便我更好地帮助您解决问题。
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值