Next.js：next.config.js 选项与 next-pwa

Question

我正在开发一个 Next.js 项目，尝试使用 next-pwa 包集成渐进式 Web 应用程序 (PWA) 功能。但是，我在 next.config.js 文件中遇到了无效选项的问题。

代码片段：

const withPWA = require('next-pwa'); const runtimeCaching = require('next-pwa/cache');

module.exports = withPWA({ 普瓦：{ 目的地：“公共”， 注册：真实， 运行时缓存， },

附加信息：

Next.js 版本：14.1.0 环境：开发 Node.js 版本：[20]

安装了 next-pwa 软件包。 配置 next.config.js 文件以包含 PWA 选项。 启动开发服务器。

错误信息：

⚠ 检测到无效的 next.config.js 选项： ⚠ 对象中无法识别的键：'0'、'1'、'2'、...、'23'

预期结果： 我希望 PWA 配置能够正确应用，而不会遇到任何无效选项错误。

Answer 1

转到开发工具中的“应用程序”选项卡并选择清单文件。它将向您显示错误和警告，在其下方，它将向您显示 Installability 部分。 “可安装性”部分中突出显示的错误是阻止所需 PWA 行为的第一件事。