关于Next.js项目启动后页面空白（控制台报错）问题的排查
<p>初始化Next.js工程项目后，打开开发环境下的默认地址，页面空白，打开控制台出现如下错题信息：</p><p><span style="color: rgba(255, 0, 0, 1)">Uncaught TypeError: Cannot read properties of undefined (reading 'forEach')</span></p>
<p><span style="color: rgba(0, 0, 0, 1)"><img src="https://img2022.cnblogs.com/blog/1532752/202205/1532752-20220508165654444-115961317.jpg"></span></p>
<p><span style="color: rgba(0, 0, 0, 1)">让人一脸茫然。。</span></p>
<p>因为是刚初始化的项目，代码也没有改动，所以直接去网上查找相似问题。</p>
<p>最后，将引起问题的原因聚焦到了React的浏览器开发调试插件上（React Developer Tools），针对性地调整后，问题得到了解决。</p>
<p><span style="color: rgba(128, 0, 0, 1)"><strong>问题的诱因</strong></span>：React Developer Tools的版本和当前Next.js项目初始化使用的React及相关生态类库的<span style="text-decoration: underline">版本不匹配</span>。</p>
<p><span style="color: rgba(0, 128, 0, 1)"><strong>解决方案</strong></span>：</p>
<p>1. 尝试更新React Developer Tools（版本）；</p>
<p>2. 禁用当前的React Developer Tools插件...；</p>
<p> </p>
<p><span style="color: rgba(192, 192, 192, 1)">End</span></p><br><br>
来源：https://www.cnblogs.com/fanqshun/p/16246083.html
頁:
[1]