vue脚手架中使用vuex遇到的报错

最新推荐文章于 2023-10-11 18:58:27 发布
最新推荐文章于 2023-10-11 18:58:27 发布
阅读量393 收藏
点赞数
文章标签： javascript 前端 vue.js vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_53142365/article/details/129558481
版权

error：vuex.esm.js?2f62:135 Uncaught Error: [vuex] must call Vue.use(Vuex) before creating a store

这个错误翻译过来就是[vuex]必须在创建存储实例之前调用Vue.use(vuex)。
报错原因： 在main.js中去引入并使用vuex

解决方法：在store中的index.js文件创建store实例之前去导入并使用vuex

注意：在vue脚手架中会按照import语句的顺序先去执行后，才会执行其他

Dimpels
关注
Vue脚手架搭建以及创建Vue项目流程
weixin_68658847的博客
04-25 3万+
Vue脚手架的创建以及用脚手架创建项目的全套流程
【Vue2.0】笔记（六）-Vue-cli、Vuex、mockjs、gitee、github
小女不才
04-08 2445
前端工程化（四）Vue脚手架(1) 基本用法1.1（五）Element-Ul的基本使用二级目录三级 （四）Vue脚手架 Vue脚手架可以快速生成Vue项目基础的架构。官网地址：https://cli.vuejs.org/zh/ (1) 基本用法 安装3.x版本的Vue脚手架： npm install -g @vue/cli 卸载命令：npm uninstall -g vue-cli 检查命令 Vu...
在vue2中使用Vue.use(Vuex)报错
zjbkzj的博客
06-27 3425
上图中，可以看到 我是用的vue 2.6.14对应的vuex是4.0.2（当前最新版本）; 版本不匹配导致报错。 vue2中使用vuex@3版本，vuex@4 使用在vue3中的，所以解决办法如下 问题是解决了，但是要反思下：why? 有位道友的分析就很好: 根据自己实际情况举一反三上面这位老师提到了一个知识点我也记录在这里npm-shrinkwrap 在赠送一个vuex-module-decorators详解...
Vuex报错原因
qq_45673542的博客
07-26 227
vuex id not defined
在vue2中使用Vue.use(Vuex)报错‘use’undefined
最新发布
m0_55498805的博客
10-11 507
看下有没有手滑写成 import {Vue} from 'vue'的 注意没有大括号哦。如果排除了是Vuex版本的同学 可以看下是不是引入VUE的时候写错了。
Uncaught Error: [vuex] must call Vue.use(Vuex) before creating a store instance解决
叶鹤的博客
10-08 1185
Uncaught Error: [vuex] must call Vue.use(Vuex) before creating a store instance解决
vuex报错，[vuex] must call Vue.use(Vuex) before creating a store instance.
weixin_39238520的博客
09-14 1886
使用前需要Vue.use(vuex)而不是Vue.use(new Vue.Store({}))这个对象，原因是，在Vue中使用插件需要先通过插件的install方法，把插件注入到Vue，才能使用该方法。 那和new Vue({})里面 有什么不一样呢，写到new Vue({})里的属性会被注册为全局属性，就像let store = new Vuex.Store({count:0}),那么new Vue({store})，就会被注册为$store这种全局属性，如果只是vue.use（）中注册，就只能是通过导出
vue全家桶之vuex数据状态管理
m0_62371650的博客
09-24 1401
vue全家桶之vuex数据状态管理
手把手教你如何使用vuex，以及使用和安装出现报错问题解决
Orange71234的博客
06-29 2178
原始形式获取state:{{ $store.state.count }}</div>方法2：计算属性 - 将state属性定义在计算属性中<div>计算属性获取state:{{ count }}</div>count () {方法3：辅助函数 - mapState<div>辅助函数获取state:{{ count }}
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
01-21
项目使用vue/cli3脚手架搭建的前端项目，vue版本为2.6.10。 browserslist的配置如下： [ > 1%, last 2 versions] 但开发环境的IE11打开显示白屏，F12打开显示： 分析过程 5306行显示 “./node_modules/_debug@...
【异常报错】must call Vue.use(Vuex)
思索的涟漪，突破自我
09-22 601
must call Vue.use(Vuex)其实仔细想想也可以发现，import就把整个文件给引入了，而index.js中有创建Store的实例，而在这时我们还没有Vue.use(Store)，这样就报错了。把你main.js中的Vue.use(Vuex)写到store中，这里我的store/index.js中,即完美解决。这个错误应该是在创建Vuex中出现的。
解决引入Vuex报错问题
Jacknbv的博客
12-21 4114
当我们在项目中引入Vuex时，出现以下错误 出现这样错误的原因是在创建store实例之前，没有调用Vue.use(Vuex)，但这个时候会有人说，已经调用了Vue.use(Vuex)，还是会出现这样的错误。究其原因是因为Vue脚手架会解析文件中的所有import语句，然后把所有import语句按照编写代码的顺序全都汇总在最上方，之后才会解析文件中的其它代码，这就会使得Vue.use(Vuex)在store实例之后执行。 解决办法： 在store文件夹下的...
vuex踩坑记-注入store过程中vue文件报错store is not define,state is not define..各种undefine
热门推荐
ProgramarQin的博客
05-19 3万+
一、引入store到vue组件中（1）store.jsimport Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); const state={ isCollapse:false } export default new Vuex.Store({ state }); （2）main.jsimport Vue from 'vu...
Vue3想实例Vuex.Store()却发现不可以使用Vue.use(Vuex)
FHlang的博客
04-16 6247
问题引入 某天你想使用Vuex.Store()，然后就可能遇上如下麻烦 当你用Vue.use(Vuex)就会报如下错误： Uncaught TypeError: Cannot read property ‘use’ of undefined 当你不要Vue.use(Vuex)又会报如下错误： Uncaught Error: [vuex] must call Vue.use(Vuex) before creating a store instance. 习惯了vue2的Vue.use()，在vue3当
vue报错：Error: [vuex] Do not mutate vuex store state outside mutation handlers.
weixin_49848050的博客
10-08 1056
这是因为，在Vuex中，state是唯一的数据源，是一个响应式对象，当state的值改变时，会自动刷新关联的组件，从而实现数据的实时变化。：开启了严格模式之后，若在mutation外修改值，也能动态渲染到页面上，只是vue会有警告提示，类似于这样。2、如果出现这样的错误，我们可以使用action函数来从异步操作中提交mutation。1、只能在mutation函数中修改state的值。该报错从文本意思理解还是很清晰的，
引入vuex报错
sfwk1993的博客
07-30 2006
store/index.js（图片中的代码已经修改过了）: 在mian.js引入后，浏览器报错 错误字面意思大概就是store不是一个构造器 解决办法，在export default时Vuex.store中的store首字母大写...
解决问题：Uncaught Error: [vuex] must call Vue.use(Vuex) before creating a store instance. at assert
weixin_44409748的博客
05-04 1636
Uncaught Error: [vuex] must call Vue.use(Vuex) before creating a store instance. at assert
Vue3：使用 Vue.use() 报错 “ Cannot read property ‘use‘ of undefined ”
m0_67265311的博客
03-06 8530
问题： 在学习Vue 3的时候，发现以下代码报错，错误信息为：Cannot read property 'use' of undefined import Vue from 'vue' import router from './router' Vue.use(router) 原因： Vue.use()是Vue 2安装插件的方式 在Vue 3中，import Vue from 'vue'并不能导出”vue“这个包 Vue 3使用createApp(App) 返回应用实例 正解： import { cre
Vue3 Vuex.Store() Uncaught Error: [vuex] must call Vue.use(Vuex) before creating a store instance.
weixin_43267086的博客
07-28 1827
报错：Uncaught TypeError: Cannot read property 'use' of undefined 网上查阅资料说不再需要在Store.js中使用Vue.use（Vuex）。 于是我就注销了，但是还报错这个报错的是_vuex.default.store 不是一个构造函数因为在我们用vuex的时候需要将用到的actions，mutations模块最终导出，在导出的时候new Vuex.Store中的Store小写了，这里的一定要大写,就相当于我们在使用构造函数(类)的时候首字母要
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值