有关 vite 配置 pwa

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 1066 天前的主题，其中的信息可能已经有所发展或是发生改变。

请问下在 vite 里面怎么配置 pwa 我按照文档 https://vite-plugin-pwa.netlify.app/ 在 vite.config.js 配置了

    VitePWA({
            registerType: 'autoUpdate',
            includeAssets: ['favicon.svg', 'robots.txt', 'safari-pinned-tab.svg'],
            manifest: {
                name: 'test',
                short_name: 'test',
                theme_color: '#ffffff',
                icons: [
                    {
                        src: '/pwa-192x192.png',
                        sizes: '192x192',
                        type: 'image/png',
                    },
                    {
                        src: '/pwa-512x512.png',
                        sizes: '512x512',
                        type: 'image/png',
                    },
                    {
                        src: '/pwa-512x512.png',
                        sizes: '512x512',
                        type: 'image/png',
                        purpose: 'any maskable',
                    },
                ],
            },
        }),

在 main.js 里面添加了

import { useRegisterSW } from 'virtual:pwa-register/vue';
useRegisterSW();

但是没什么效果 chrome 里面没有出现 app 的提示请问下改怎么正确配置

目前尚无回复

sizes png'type image