nuxt3 项目支持PWA - 文章详情

江夏

安装依赖库

yarn add -D @kevinmarrec/nuxt-pwa

问题

报错如下：

language 复制代码

sharp: Command failed.或Building fresh packages

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

language 复制代码

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所需的服务和配置。

typescript 复制代码

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

全部评论(0)

0:00