第五周1-17 pwa打包报错

vite v4.4.11 building for production...
transforming (1363) node_modules\.pnpm\lodash-es@4.17.21\node_modules\lodash-es\_getView.jssrc/router/index.ts:2:30 - error TS2307: Cannot find module 'virtual:generated-layouts' or its corresponding type declarations.

2 import { setupLayouts } from 'virtual:generated-layouts'
                               ~~~~~~~~~~~~~~~~~~~~~~~~~~~

Found 1 error in src/router/index.ts:2

附上代码仓库地址：https://git.imooc.com/clchclch/pk-front-vue3.git
导入 1-14的时候还是正常的，应该是从1-15 到 1-17中间出现了什么问题，之前导入了vue-macros，但是发现用的是Vue3.3以上的版本，所以又卸载了，现在到 pwa 打包的环节报错了
麻烦老师帮忙看下这个是什么问题

羽落陌殇 2023-10-24

源自：Vue3项目框架搭建及响应式开发方案 1-18 PWA集成：vite-plugin-pwa

收起

3回答

unbreakable_全栈 2024-01-31 15:03:11

你的文件 .vue的文件有的是不是都是空，写点儿东西进去再次打包，能解决掉此问题。你试试

收起回答

提问者羽落陌殇 2023-10-30 17:25:33

该Bug的产生是因为官方库的修改导致，最终在 iusee 中找到了相关的问题，暂时等待官方的解决方案

对应的 iusee 地址：https://github.com/JohnCampionJr/vite-plugin-vue-layouts/issues/114

目前的解决方案应该是只能修改 node_modules 中对应的节点的package.json

收起回答

提问者羽落陌殇 #1

在这个 iusee https://github.com/JohnCampionJr/vite-plugin-vue-layouts/issues/111 中看到了一个临时解决方案，修改 env.d.ts 中的引用为
/// <reference types="vite-plugin-vue-layouts/client.d.ts" />

2023-10-30 17:29:33

Brian 2023-10-26 09:47:01

我使用你的代码node 18LTS，正常打包。

收起回答

提问者羽落陌殇 #1

老师，这个是用 build-only 模式是正常的，但是使用build模式就会报错说找不到 virtual:generated-layouts 这个模块，这个是什么问题呢？

2023-10-26 10:10:32
Brian 回复提问者羽落陌殇 #2

看上面一张图。

2023-10-26 10:19:09
提问者羽落陌殇回复 Brian #3

老师，我这个添加了这个参数依旧是打包报错的

2023-10-26 10:20:55