关于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

来源：https://www.cnblogs.com/fanqshun/p/16246083.html