Next.js转PWA构建失败求助:无法修改next.config.mjs
Next.js PWA构建失败解决方案
针对两个核心错误的处理(无法修改next.config.mjs时)
错误1:Unrecognized key(s) in object: '0', '1', ..., '21'
- 清除构建缓存:执行
rm -rf .next && rm -rf node_modules/.cache,随后重新安装依赖npm install,再尝试构建 - 修复依赖兼容性:next-pwa与Next.js 14.2.3可能存在版本适配问题,执行
npm install next-pwa@5.6.0降级至兼容版本后重新构建
错误2:[WebpackGenerateSW] 'reactStrictMode' property is not expected to be here
- 临时禁用PWA构建:执行
NEXT_PWA_DISABLE=true npm run build先完成基础项目构建,后续再单独配置PWA相关逻辑 - 修改依赖临时修复:找到
node_modules/next-pwa/dist/index.js,定位到GenerateSW插件的配置段,删除或注释掉包含reactStrictMode的代码(注意:此方案在重新安装依赖后会失效)
提示:以上均为无法修改配置文件时的临时方案,长期解决必须修正next.config.mjs中的语法错误与无效配置项
内容的提问来源于stack exchange,提问作者surarihyon
相关产品推荐
相关产品推荐

