问题原因
本人 在 pinia stores 文件中使用了 router ，而main.ts 已经引入过router
main.ts
import { createApp } from "vue"
import { createPinia } from "pinia"
import App from "./App.vue"
import router from "./router" //已引入router
import "@/assets/tailwind/TaiWind.css"
const app = createApp(App)
app.use(createPinia())
app.use(router)
app.mount("#app")
pinia 下 modelCache.ts 文件
import { defineStore } from "pinia"
import router from "@/router" //再次引入了 router
pinia 下 modelCache.ts 文件使用了router 并Model组件中 引入了modelCache.ts 该文件 这样导致es模块循环 vite热更新失败
文章来源：https://www.toymoban.com/news/detail-518515.html
解决
pinia 下 modelCache.ts 文件 router 引入方式改为 函数引入
在使用actions里面函数需要用到router 再去 useRouter() 获取实例 否则提前获取router为undefined；
因为 useRouter() 要在setup下使用文章来源地址https://www.toymoban.com/news/detail-518515.html
import { defineStore } from "pinia"
//import router from "@/router"
import { useRouter } from "vue-router"
actions:{
setModelBreadcrumbList(){
const router = useRouter()
}
}
到了这里，关于vue3 + vite Cannot access ‘xxx‘ before initialization 组件热更新失败，es模块循环引用问题的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![【Vite】Vite切换版本（Vite+vue3）报错 [vite] Internal server error: Cannot set property ‘id‘ of undefined](https://imgs.yssmx.com/Uploads/2024/02/575963-1.png)
