恢复网络无法跳转页面

[chengjs]

复现：
1、通过下面命令创建项目：

npm create vite@latest

2、执行下面的：
`
? Project name: » vite-project
? Select a framework: » - Use arrow-keys. Return to submit.
Vanilla

Vue
React
Preact
Lit
Svelte
Solid
Qwik
Angular
Others
? Select a variant: » - Use arrow-keys. Return to submit.
TypeScript
JavaScript
Customize with create-vue ↗
Nuxt ↗
`

3、执行更多：
`
Vue.js - The Progressive JavaScript Framework

√ 是否使用 TypeScript 语法？ ... 否 / 是
√ 是否启用 JSX 支持？ ... 否 / 是
√ 是否引入 Vue Router 进行单页面应用开发？ ... 否 / 是
√ 是否引入 Pinia 用于状态管理？ ... 否 / 是
√ 是否引入 Vitest 用于单元测试？ ... 否 / 是
√ 是否要引入一款端到端（End to End）测试工具？ » 不需要
√ 是否引入 ESLint 用于代码质量检测？ » 否

正在初始化项目 D:\demo\v2...

项目初始化完成，可执行以下命令：

cd v2
npm install
npm run dev
`

4、执行以上命令后，启动项目

5、在控制台中网络选项。进行断开网络，在页面中点击“about”按钮，然后恢复网络，再次点击“about”按钮，无法进行跳转。

总结：vite vue router 按需加载组件
，断网后，点击跳转页面，是无法跳转页面，然后在恢复网络，在次点击原来的按钮跳转页面，还是无法跳转页面。
吐槽：按道理来说，网络恢复了啊，你就不能再请求下，万一能拿到数据了，你一个劲的报错是想咋样，是闹哪样啊。以前的vue2是不会有这样的问题的

[chengjs]

大佬们看到能有解决方案的，麻烦告知下，急急急急急。拜托了

[chengjs]

打包部署到项目中，也是一样的，只要断开wifi，就不能跳转了。能实现每次点击都请求下js文件不，别再报错了。你报错我也没办法，用户断网了啊。

[Justineo]

这个和 Vue 无关的，Vite 使用原生 ESM 请求 JS 模块。浏览器会缓存 import 进来的模块，即使发生错误也会缓存。
你可以试试这种方案：https://github.com/cj0x39e/retrying-dynamic-import

[chengjs]

那vue2也是这样写的啊。他咋是可以这些写啊

[chengjs]

没有成功啊
[plugin:vite:import-analysis] Failed to parse source for import analysis because the content contains invalid JS syntax. Install @vitejs/plugin-vue to handle .vue files. D:/demo/vue2/src/App.vue:4:10 2 | import { RouterLink, RouterView } from 'vue-router' 3 | import HelloWorld from './components/HelloWorld.vue' 4 | </script> | ^ 5 | 6 | <template>