vue3 + vite Cannot access ‘xxx‘ before initialization 组件热更新失败,es模块循环引用问题

vue3 + vite Cannot access ‘xxx‘ before initialization 组件热更新失败,es模块循环引用问题

问题原因

本人 在 pinia stores 文件中使用了 router ,而main.ts 已经引入过router
main.ts

javascript">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热更新失败

解决

pinia 下 modelCache.ts 文件 router 引入方式改为 函数引入
在使用actions里面函数需要用到router 再去 useRouter() 获取实例 否则提前获取router为undefined;
因为 useRouter() 要在setup下使用

import { defineStore } from "pinia"
//import router from "@/router" 
import { useRouter } from "vue-router"

actions:{
	setModelBreadcrumbList(){
		const router = useRouter() 
	}
}
转载请说明出处内容投诉
CSS教程_站长资源网 » vue3 + vite Cannot access ‘xxx‘ before initialization 组件热更新失败,es模块循环引用问题

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买