NextJS出现TypeError: Cannot read properties of null (reading 'length')错误求解决

这个错误来自NextJS开发环境的热更新客户端（hot-dev-client.js），虽应用功能正常，但会持续输出错误日志，可通过以下步骤排查解决：

• 清除缓存并重建依赖

  • 删除本地缓存和依赖目录：rm -rf .next node_modules（Mac/Linux），Windows系统执行rmdir /s /q .next node_modules
  • 重新安装依赖：npm install
  • 重启开发服务：npm run dev

• 升级NextJS到最新稳定版

  • 查看当前版本：npm list next
  • 执行升级命令：npm install next@latest（使用yarn则改为yarn add next@latest）

• 临时禁用开发环境错误覆盖层

  • 在项目根目录的next.config.js中添加如下配置：

    module.exports = {
      devIndicators: {
        autoPrerender: false,
      },
      reactStrictMode: false,
    }
    

• 排查自定义开发工具/插件冲突

  • 如果项目使用了自定义Webpack配置、Babel插件或第三方开发工具，暂时禁用它们，逐个恢复来定位冲突源

内容的提问来源于stack exchange，提问作者Taiwo Jazz