安装依赖库

yarn add -D @kevinmarrec/nuxt-pwa

问题

报错如下:

sharp: Command failed.或Building fresh packages

问题应该是找不到依赖源,可以修改电脑用户下的.yarnrc或者.npmrc文件,增加下面配置,然后重新安装即可。

sharp_binary_host "https://npm.taobao.org/mirrors/sharp"
sharp_libvips_binary_host "https://npm.taobao.org/mirrors/sharp-libvips"

配置

nuxt3项目下的nuxt.config.ts增加如下配置,以及项目public目录需要增加一个icon.png文件,文件名为icon,然后yarn build即可生产PWA所需的服务和配置。

// nuxt.config.ts
export default defineNuxtConfig({
  modules: ['@kevinmarrec/nuxt-pwa'], 
  pwa: {
    workbox: {
      enabled: false, // 开发模式也启动
    }
  }})