vite+vue3 部署后，总是需要清除缓存的问题

1.每次部署后，需要清除缓存，才能看到最新代码，给打包文件加上hash就可以解决此问题。

vite.config.ts文件中加以下代码

 build: {rollupOptions: {output: {entryFileNames: `assets/[name].[hash].js`,chunkFileNames: `assets/[name].[hash].js`,assetFileNames: `assets/[name].[hash].[ext]`,}},
}

2. 使用Vite打包构建的项目，重新部署到生产。在部署期间用户一直停留在当前项目页面（长时间无操作 半个小时+），部署完成后点击页面上的路由，报错！ 刷新后恢复正常。
报错内容为 Failed to fetch dynamically imported module
 

解决方式如下：

router.onError(error => {const fetchResourcesErrors = ['Failed to fetch dynamically imported module', 'Importing a module script failed']if (fetchResourcesErrors.some((item) => error?.message && error.message?.includes(item))) {window.location.reload()}});