使用axios导入piain报Cannot access ‘useMsgStore‘ before initialization

最新推荐文章于 2024-06-12 14:43:36 发布
最新推荐文章于 2024-06-12 14:43:36 发布
阅读量604 收藏
点赞数 2
文章标签： 前端 javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_58057048/article/details/131845015
版权

 这个是vue-router中使用useStore的使用示例，意思是如果放在外面的话，是在pinia挂载之 前使
用，这个时候是会出错的,但是在路由拦截方法里使用的话,这个时候是可以的!

 

在方法里使用就不会报错了

那一只熊猫.
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
uncaught referenceError:cannot access ‘xxxStore‘ before initialization
qq_45327886的博客
01-16 2593
uncaught referenceError:cannot access ‘xxxStore‘ before initialization
Cannot access ‘xxx‘ before initialization 以及var、let、const的区别
qq_42101569的博客
08-19 2万+
Cannot access ‘xxx‘ before initialization 报错原因以及var、let、const的区别简介
vuex4.x 升级pinia，router 中使用同步组件导致项目启动失败
最新发布
我有一个梦想的专栏
06-12 1075
vuex 升级pinia遇到的问题
【控制台】报错：Cannot access ‘xxx‘ before initialization
qq_45677671的博客
04-04 3万+
Cannot access ‘xxx‘ before initialization 报错及解决方法
vue3 + vite Cannot access ‘xxx‘ before initialization 组件热更新失败，es模块循环引用问题
HHH917的博客
12-26 1万+
pinia 下 modelCache.ts 文件使用了router 并Model组件中 引入了modelCache.ts 该文件 这样导致es模块循环 vite热更新失败。本人 在 pinia stores 文件中使用了 router ，而main.ts 已经引入过router。pinia 下 modelCache.ts 文件 router 引入方式改为 函数引入。因为 useRouter() 要在setup下使用。pinia 下 modelCache.ts 文件。
修改pinia store后vite hmr热更新报错ReferenceError: Cannot access ‘...‘ before initialization
wsnd123321的博客
09-04 1572
修改pinia store后vite hmr热更新报错ReferenceError: Cannot access '...' before initialization。
axios直接导入使用的压缩包
07-17
总的来说，这个“axios直接导入使用的压缩包”是为了方便那些不熟悉或无法使用 npm 和 CDN 的开发者快速引入和使用 Axios 库。只需简单地将 Axios 文件引入 HTML，就可以利用其强大的 HTTP 请求功能。同时，提供的 ...
axios的基本使用axios的基本使用
02-02
axios使用 axios的基本使用axios的基本使用
在vue组件中使用axios的方法
08-27
在Vue组件中使用Axios的方法 在Vue项目中，Axios是一个非常流行的 HTTP 客户端库，用于发送 HTTP 请求。那么，在Vue组件中如何使用Axios呢？下面我们将详细讲解如何在Vue组件中使用Axios。 首先，在使用Axios之前...
vue全局使用axios的方法实例详解
10-17
主要介绍了vue全局使用axios的方法实例详解，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
关于使用axios的一些心得技巧分享
08-30
关于使用axios进行网络请求，以下是一些实用的心得技巧： 1. **带Cookie请求**：在使用axios时，默认情况下，跨域请求不会携带Cookie。若需要在请求中包含Cookie，你需要在配置对象中设置`withCredentials`为`true`...
vue3 pinia踩坑
Jerry_zpon的博客
03-04 1698
在路由钩子函数进行用户状态模块的获取，调用路由钩子的时候，意味着全局状态已完全初始化完成。我们可以在外层声明一个变量用来存储状态，在路由钩子中进行判断，如果当前变量为空，也就意味着状态还没有进行过获取，在当前情况下进行状态获取（类似于单例）。代码从上往下执行过程中，遇到const userStore: any = useUserStore()，会进行用户状态模块的获取，但是应用还没有挂载，所以Pinia的全局状态还没有进行初始化。造成了初始化用户模块状态获取时，全局状态并没有初始化，所以造成了当前问题。
报错ReferenceError: Cannot access ‘xxxx‘ before initialization解决方案
胖儿の博客
04-21 1万+
报这个错的原因其实就是和你声明的变量有关我们都知道var存在变量提示，但是其实const和let在某种意义上也是存在变量提升的在块作用域内，let和const声明的变量被提升，但变量只是创建被提升，初始化并没有被提升，在初始化之前使用变量，就会形成一个暂时性死区。
ES6基础
橘颂的博客
09-06 274
ES6学习笔记
vite HMR error: Cannot access ‘...‘ before initialization
Duchin_的博客
08-08 7253
今天搭建项目，写了大半后，发现了热更新报错问题，一开始以为是vite配置错误和版本问题，更新了新旧几个版本和修改了几次配置都没实际解决，最后还是到github仓库才发现了问题，触发热更新错误的原因是“”循环引用“”，代码编写的时候需要注意避免循环引用(多次引入)问题，即可解决。vite热更新失效，编写代码热更新报错，参考。...
react-redux操作过程中，出现的问题：Uncaught ReferenceError: Cannot access ‘SET_XXXXX‘ before initialization
qq_41411483的博客
12-25 5174
在react-redux的action操作中，我试图在一个action中去dispatch操作另一个action，结果出现了 详细代码如下（一个action函数）： export const setProgress = (val: number) => { const dispatch = store.dispatch const len = store.getState().loadingProgress.length if (val === 0) { dispatch(set
ReferenceError: Cannot access ‘xxx‘ before initialization
热门推荐
学习前端这门手艺，栈底到栈顶依次是：浏览器架构、Web 网络、事件循环机制、JavaScript 核心、V8 的内存管理、浏览器的渲染流程、Web 安全、CSS、React、Vue、Node、构建工具链等
03-21 8万+
执行下面代码 let myname= 'kaimo666' { console.log(myname) let myname= 'kaimo777' } 最终打印结果 分析原因 在块作用域内，let声明的变量被提升，但变量只是创建被提升，初始化并没有被提升，在初始化之前使用变量，就会形成一个暂时性死区。 另外一个例子： function test(){ console.log(a) let a = 7; } test() 执行test的时候，编译阶段a已经在内存中，为什么提前访问不了？
控制台报错集
Locker的博客
01-15 4869
Function statements require a function name 翻译：函数语句需要函数名 简单的说就是忘加函数名了
还是报错Uncaught ReferenceError: Cannot access 'i18nInstance' before initialization
06-09
如果你在使用`i18nInstance`时仍然报错"Uncaught ReferenceError: Cannot access 'i18nInstance' before initialization"，可能是因为你在调用`axios.interceptors`时，`i18nInstance`还未被初始化。 你可以尝试把`axios.interceptors`放在`bootstrap`函数中，确保`i18nInstance`已经被初始化后再调用`axios.interceptors`。例如： ``` async function bootstrap() { const app = createApp(App); // ... // 多语言 存储本地 setupI18n(app).then((i18n) => { i18nInstance = i18n; // 注册全局指令 setupGlobDirectives(app); // 实例挂载 app.mount("#app"); //图标组件注册到 Vue nextTick(() => { Object.keys(Icons).forEach((key) => { app.component(key, Icons[key as keyof typeof Icons]); }); }); // 在i18nInstance被初始化后再调用axios.interceptors axios.interceptors.request.use((config) => { config.headers["Accept-Language"] = i18nInstance.global.locale.value; return config; }); axios.interceptors.response.use( (response) => { // 处理响应数据 const data = response.data; // 使用i18nInstance翻译错误信息 if (data.success === false) { const errorMessage = i18nInstance.t(data.message); // 抛出错误 return Promise.reject(new Error(errorMessage)); } return response; }, (error) => { // 处理响应错误 return Promise.reject(error); } ); }); } bootstrap(); ``` 这样就可以确保`i18nInstance`已经被初始化后再调用`axios.interceptors`，避免"Uncaught ReferenceError: Cannot access 'i18nInstance' before initialization"的错误。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值