vuex项目遇到的bug: Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_1_vuex__.a.store is not a...

错误图片:
在这里插入图片描述
问题原因是创建的store根实例上大小写的问题?

WEBPACK_IMPORTED_MODULE_1_vuex_uu.a.store不是构造函数
是因为尝试将不是构造器的对象或者变量来作为构造器使用

解决方法:


const store=new Vuex.Store({//创建仓库
  strict:true,//代表只能通过mutatinons更改状态
  state:{//状态,存储状态

  },
  getters:{//获取最新的值,对state做一些操作,拿到的是操作后的值

  },
  mutations:{//唯一修改state的状态的方式,不支持异步

  },
  plugins:[logger()],//自带日志插件//可以监看mutations的状态值

})
//抛出(和组件一样抛出常量)
export default store;
const store=new Vuex.Store({})//这里必须是大写S

详细可以了解一下构造器?(了解即可)

1.构造器通常用首字母为大写的一个名词开始命名,并且使用和类相同的名字命名。而方法则不同,方法通常用小写字母英文动词开始,其后跟随首字母为大写的名称、形容词等等组成的驼峰命名方式,方法通常更接近动词,因为它说明一个操作。

2.构造器最大的用处就是在创建对象时执行初始化,当创建一个对象时,系统会为这个对象的实例进行默认的初始化。如果想改变这种默认的初始化,就可以通过自定义构造器来实现。

3.构造器是为了创建一个类的实例化对象的时候用到:InstanceObject IO = new InstanceObject(); 构造器可以用来在初始化对象时,初始化数据成员,即包括初始化属性和方法。

更改后就成功可以运行了.
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_46409887/article/details/109625895
今日推荐