关于Next.js项目启动后页面空白(控制台报错)问题的排查

初始化Next.js工程项目后,打开开发环境下的默认地址,页面空白,打开控制台出现如下错题信息:

Uncaught TypeError: Cannot read properties of undefined (reading 'forEach')

让人一脸茫然。。

因为是刚初始化的项目,代码也没有改动,所以直接去网上查找相似问题。

最后,将引起问题的原因聚焦到了React的浏览器开发调试插件上(React Developer Tools),针对性地调整后,问题得到了解决。

问题的诱因:React Developer Tools的版本和当前Next.js项目初始化使用的React及相关生态类库的版本不匹配

解决方案

1. 尝试更新React Developer Tools(版本);

2. 禁用当前的React Developer Tools插件...;

 

End

posted @ 2022-05-08 16:59  樊顺  阅读(741)  评论(0编辑  收藏  举报