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