解决 export ‘createStore‘ was not found in ‘vuex‘ 报错

最新推荐文章于 2023-02-23 17:01:29 发布
最新推荐文章于 2023-02-23 17:01:29 发布
阅读量2.3k 收藏 6
点赞数 5
分类专栏： vuex 报错
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_58163927/article/details/118696706
版权

vue

试了很多方法

  • 有让更改 vuex 版本的
  • 有让更改 vue-cli 版本的

试过之后都发现无法根本上解决问题。

最后找到了此方法，各位可以试一下！！！

在使用 vuex 的代码页中进行修改：

使用

const store = new Vuex.Store({

替换掉

const store = createStore({

当然前面需要引入

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

即可解决问题
在这里插入图片描述
有帮助关注噢！！
首页会更新各种学习资料

Agoni Lay
关注
  • 5
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
vuex的概念和在使用vuex出错以及解决方法
txq231254的博客
08-10 1132
问题：首先多数小伙伴们可能刚刚开始都会默认去main.js文件里面用import引入vuex插件，并且直接用vue.use(vuex)去使用它，然后在后面再次引入store.js文件，以为会按照顺序从上往下来依次读取执行，其实不对，最先会执行所有的import引入的文件，然后再会读取并且执行其他的，所以本来都是写了，结果却是错误的，就如同出现下面的问题。可以建一个store文件夹，里面新建一个js文件，把vuex引入这里面并且使用，然后再在main.js里引入store文件。...............
vuex-light:更好的DX for Vue 3状态管理解决方案
03-17
视点光 为什么 使用vuex时，您是否想知道“有效载荷是什么类型”或“商店有什么吸气剂”？ 在vuex-light中，您最好输入内容来创建和使用store： ...export const store = createStore ( // state {
Vue3.0中使用vuex报错：“export ‘createStore‘ was not found in ‘vuex‘“
qq_43742385的博客
07-08 5245
今天在使用官方的脚手架创建了一个vue3的项目之后打算引入vuex， 结果报了一个错误： "export 'createStore' was not found in 'vuex' 说是vuex中没有这个方法，查了之后发现是版本问题，我下载的vuex是3.6版本，此时使用的还是之前老式创建vuex的方法 new Vuex.Store({...}); 这种写法，显然对于这个方法是没有的，所以我们只用写在当前版本，然后安装vuex4.0即可解决问题 卸载： npm uninstall --save vue
Vue3 直接使用Vuex的mapState和mapGetters时报错的分析及解决方案
haoduoyu2099的博客
11-28 5260
Vue3 组合式(setup)关于mapState和mapGetters直接使用会因为computed中没有this而报错，故而对其重新封装，给每个mapState和mapGetters返回的每个函数都绑定一个store对象
“export ‘createStore‘ was not found in ‘vuex‘报错
bubbleSweet的博客
06-17 2680
"export ‘createStore’ was not found in 'vuex’报错 可能是因为版本的原因，将vuex升到4.0.0就能够解决 在升级时也可能会遇到下面这种问题 npm WARN vuex@4.0.0 requires a peer of vue@^3.0.2 but none is installed. You must install peer dependencies yourself. 这种情况按照要求改变vue的版本，再重新安装vuex为4.0.0就好了 npm ins
export ‘createStore‘ (imported as ‘createStore‘) was not found in ‘./store/index.js‘ (possible expor
m0_49471668的博客
04-20 1994
目录 报错： 原代码： 修改后代码： 在组件使用 报错： export 'createStore' (imported as 'createStore') was not found in './store/index.js' (possible exports: default) 原代码： store中index.js import {createStore} from 'vuex' import app from './modules/app' import user fro
export ‘createStore‘ (imported as ‘createStore‘) was not found in ‘./store/index‘ (possible exports:
Online6666的博客
11-23 261
export 'createStore' (imported as 'createStore') was not found in './store/index' (possible exports:
export ‘createApp‘ (imported as ‘createApp‘) was not found in ‘vue‘
weixin_65464844的博客
02-23 1533
vant安装版本问题
【麻烦制造者篇】1“export ‘createApp‘ was not found in ‘vue‘
weixin_44042409的博客
01-11 4991
"export ‘createApp’ was not found in ‘vue’ 问题制造者上线 运行命令后"export ‘createApp’ was not found in 'vue’报错 目前我所面临的问题是版本问题导致，所以把版本和写法统一后这问题自然也就解决了，我当时用的是vue2，但是这写法是vue3的写法，所以导致错误。 写这个博客的原因是因为自己有的时候会有很多的问题发生，写下记录下解决问题的途径，方便自己再遇到这问题时直接找博客，也省的再次扎进这问题徘徊很久。也方便诸位，若有更多的
vuex如何重置所有state(可定制)
10-17
在Vue.js应用中，Vuex是一个非常重要的状态管理库，它允许我们集中管理应用程序的状态。在实际开发过程中，尤其是在处理用户登录与登出时，往往需要重置Vuex中的所有状态，使其恢复到初始状态。本文将探讨如何实现...
详解在React里使用"Vuex"
08-27
在React应用中，通常我们使用Redux来管理状态，然而，Vuex是Vue.js生态中的状态管理库，以其简洁和强大的功能受到许多开发者的喜爱。本文将探讨如何在React项目中引入Vuex的思想，通过一个名为Ruex的库来实现类似的...
vuex-extensions:将Vuex重置为初始状态并支持gettersmutationsaction mixins
05-12
创建Vuex.Store import Vuex from 'vuex'import { createStore } from 'vuex-extensions'export default createStore ( Vuex . Store , { plugins : [ ] modules : { }} ) Mixins：向所有模块添加一些默认的getters ...
vue项目启动出现“export ‘createRouter‘ was not found in ‘vue-router‘
Zing_ing的博客
04-23 1890
vue项目启动出现 运行npm install vue-router@next --save 即可解决。
【记一次大无无无语事件】export‘ default‘ (imported as ‘ Vue‘) was not found in‘ vue
一个非常Cool的人
09-28 450
从根源排查export' default' (imported as ' Vue') was not found in' vue报错，安装卸载vue-cli(脚手架)、vue版本，查看vue版本号、查看vue-cli版本号。
解决引入Vuex报错问题
Jacknbv的博客
12-21 3792
当我们在项目中引入Vuex时，出现以下错误 出现这样错误的原因是在创建store实例之前，没有调用Vue.use(Vuex)，但这个时候会有人说，已经调用了Vue.use(Vuex)，还是会出现这样的错误。究其原因是因为Vue脚手架会解析文件中的所有import语句，然后把所有import语句按照编写代码的顺序全都汇总在最上方，之后才会解析文件中的其它代码，这就会使得Vue.use(Vuex)在store实例之后执行。 解决办法： 在store文件夹下的...
vuex.esm.js?358c:135 Uncaught Error: [vuex] store must be called with the new operator.
兵锅锅的博客
11-24 1279
刚刚使用Vuex的过程中遇到了一个BUG，显示报错，直接页面都没渲染出来： 通过查找相应的文件，发现原代码如下： 后面才发现自己太粗心了，少加了一个关键操作符new，加入关键字new之后，运行结果如下： 成功解决报错。 ...
vue create报错解决方式
热门推荐
xiasohuai的博客
07-27 1万+
创建vue-cli3.0项目首先安装 npm install -g @vue/cli 然后vue create 项目名称 jiangyanxias-MacBook-Air:~ jyx$ vue create vue-cli3-project /Users/jyx/.nvm/versions/node/v10.15.3/lib/node_modules/@vue/cli/node_modul...
Vue 状态管理 (vuex+非vuex方式)
Little___Turtle的博客
07-17 635
Vue 状态管理 vuex+非vuex方式 通俗易懂版
基于Springboot和Vue的数码论坛系统设计与实现-源码 数码论坛系统设计与实现代码（高分毕设）
最新发布
07-24
数码论坛系统设计与实现-源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！
vueX3中createStore
05-11
`createStore` 是 Vue.js 3 中 Vuex 状态管理库中用于创建 store 实例的函数。它接收一个对象作为参数，这个对象包含了以下属性： - `state`: 状态对象，用于存储应用程序的状态数据。 - `mutations`: 变更函数，用于修改 `state` 中的数据。必须是同步函数。 - `actions`: 异步操作函数，可以包含任意异步操作，最终通过 commit 调用 mutations 更改状态。 - `getters`: getter 函数，用于从 state 中派生出一些状态，可以像访问 state 一样访问它们。 `createStore` 函数返回一个 store 实例，通过访问这个实例的属性和方法，我们可以访问和修改应用程序中的状态数据。 下面是一个示例： ```js import { createStore } from 'vuex' const store = createStore({ state: { count: 0 }, mutations: { increment(state) { state.count++ } }, actions: { asyncIncrement(context) { setTimeout(() => { context.commit('increment') }, 1000) } }, getters: { doubleCount(state) { return state.count * 2 } } }) export default store ``` 在上面的示例中，我们创建了一个名为 `store` 的 Vuex store 实例，包含了一个 `count` 状态属性、一个 `increment` 同步变更函数、一个 `asyncIncrement` 异步操作函数和一个 `doubleCount` getter 函数。我们可以在组件中通过 `store.state.count` 访问状态数据，通过 `store.commit('increment')` 调用 `increment` 变更函数修改状态，通过 `store.dispatch('asyncIncrement')` 调用 `asyncIncrement` 异步操作函数，最终通过 `store.getters.doubleCount` 访问 `doubleCount` getter 函数派生出的状态数据。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值