如何将Next 13.4.4 Js项目转换为PWA？

bweufnob 于 2023-06-05 发布在 PWA

关注(0)|答案(1)|浏览(175)

我目前正在进行一个Next Js 13项目，我需要将其转换为PWA。
我一直在尝试遵循next-pwa文档，但由于其结构，很难将其应用于Next 13项目。该项目是完美的工作，但我只需要将其转换为PWA。
谢谢大家的好意！这是我的项目结构：
Project Structure

next.js

来源：https://stackoverflow.com/questions/76368729/how-to-convert-a-next-13-4-4-js-project-into-a-pwa

1条答案

按热度按时间

jc3wubiy1#

1.更新next.config.js

/** @type {import('next').NextConfig} */

const withPWA = require("next-pwa")({
  dest: "public",
  register: true,
  skipWaiting: true,
  disable: process.env.NODE_ENV === "development",
});

module.exports = withPWA({
  reactStrictMode: true,
});

1.在layout.tsx中添加

<head>
          <link
              rel="manifest"
              href="/manifest.json"
          />
      </head>

1.在公共文件夹中添加带有图像的manifest.json（使用manifest generator）（不要忘记选择独立选项）

npm run build
npm启动
1.打开chrome

赞(0）回复(0）举报 2023-06-05

我来回答

如何将Next 13.4.4 Js项目转换为PWA？

1条答案

相关问题

热门标签

最新问答