vue踩坑--TypeError: __WEBPACK_IMPORTED_MODULE_1_vuex__.a.store is not a constructor
今天在使用vuex的时候遇到这么个问题,虽然后来解决了,是首字母大写的原因,但我还是不知道为什么。这里先记录下来。
这是vuex/store.js
import Vue from 'vue' import Vuex from 'vuex'Vue.use(Vuex)const state = {count: 1 }export default new Vuex.store({state })
控制台报错TypeError: __WEBPACK_IMPORTED_MODULE_1_vuex__.a.store is not a constructor
TypeError: "x" is not a constructor里的解释:
是因为尝试将不是构造器的对象或者变量来作为构造器使用。参考 constructor 或者
new
operator 来了解什么是构造器。
另在网上找到博客一篇,之处这是因为Store的S小写了。
这个报错的是_vuex2.default.store 不是一个构造函数因为在我们用vuex的时候需要将用到的actions,mutations模块最终导出,在导出的时候new Vuex.Store中的Store小写了,这里的一定要大写,就相当于我们在使用构造函数(类)的时候首字母要大写
转载于:https://www.cnblogs.com/ZaraNet/p/9900869.html
vue踩坑--TypeError: __WEBPACK_IMPORTED_MODULE_1_vuex__.a.store is not a constructor相关推荐
- 前端学习(2197):__WEBPACK_IMPORTED_MODULE_1_vuex__.a.store is not a constructor
在使用vuex过程中,发现报错 typeError:__WEBPACK_IMPORTED_MODULE_1_vuex__.a.store is not a constructor 经查找发现是实例化时 ...
- Vue 踩坑笔记: 引入 ElementUI 时打包失败修复记录(ERROR in ./node_modules/element-ui/lib/theme-chalk/index.css)
Vue 踩坑笔记: 引入 ElementUI 时打包失败修复记录(ERROR in ./node_modules/element-ui/lib/theme-chalk/index.css Module ...
- Vue踩坑 npm ERR code ELIFECYCLE
Vue踩坑 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! supermall@0.1.0 serve: vue-cli-service serv ...
- Vue踩坑之旅(一)—— 数组、对象的监听
作为一个接触 vue 才一个多月的小白,马上就接手基于 vue 的大型商城项目,其间真是跌跌撞撞踩了好多坑(o(╥﹏╥)o).在此写下自己的踩坑之旅,希望给跟我一样还在自学 vue 的同学一些帮助,另 ...
- vue踩坑以及自己的解决办法总结,
我们在使用vue构建单页应用的时候,能给我们的效率带来很大的提升,但是紧随而来的也有一些新框架的问题. 1,比如我们公司在移动端微信上面的项目,如果所有项目都合并成一个,首页加载速度就会非常慢,所以我 ...
- Vue 踩坑日志 - 有关路由传参的坑
1.有关路由传参 vue中当通过params传过去的参数刷新页面以后会消失,所以可以用query传参.但此时又会出现另一个坑,刷新后数据仍在.但这是针对单个的某个变量的. 如果传入一个对象的话,刷新页 ...
- vue踩坑笔记06---vuex的state,getter,mustation,action,module
Vuex是什么? Vuex核心属性: vuex的使用: state应用: getter应用: mutation应用: action应用: module应用: Vuex是什么? 官方文档说明: Vuex ...
- H5微信分享 朋友 分享给朋友圈 vue 踩坑实战,附注意事项 及 解决方案
最近有一个微信分享的功能,恰逢疫情期间远程办公,然后家里的笔记本比较拉闸本地环境不完善,然后远程办公只能推代码到测试环境调试,博主也是比较难受,日渐憔悴,一周没对接好的问题,好在到了公司一下午就调试好 ...
- Vue 踩坑之旅(1)
关于使用es6的export import 我们使用export import 来实现js方法的数据输出和接受,在一个我们需要对外输出的js方法中,我们使用 export 来实现方法的对外输出, 1 ...
- vue踩坑- 报错npm ERR! cb() never called!
在vue项目中引入饿了么elementUI组件的步骤之中,出现以下的错误: D:\my-project-first>npm i element-ui -S Unhandled rejection ...
最新文章
- 换「猪心」9天,美国57岁男子能下地走路了!
- python多分类混淆矩阵代码_深度学习自学记录(3)——两种多分类混淆矩阵的Python实现(含代码)...
- Linux网卡改为动态过去IP,Linux修改网卡ens33为eth0以及centos7下修改动态IP为静态IP地址...
- 记录一次webpack3升级到webpack4过程
- tkinter如何lable重复显示到同一行中_如何创建包含 CAD 导入和选择的仿真 App
- WPF中两个窗口的互斥
- Bugtags 测试平台(支持ios、android)
- jquery学习笔记之选择器
- 大连理工大学计算机组织与结构实验,大连理工大学计算机系统结构实验-实验四.doc...
- VTD Trigger
- 谷歌搜索引擎优化(谷歌seo)怎么做?
- scrum敏捷开发流程介绍和心得
- 谷歌浏览器批量删除书签
- 拓展:将simulink的仿真图_在matlab画出_复制到word
- spring boot 源码解析52-actuate中MVCEndPoint解析
- VMware安装window8系统
- 高斯滤波器(Gaussian Filter) python实现及部分原理说明(opencv)
- 学上位机迎来最好的时代
- php模式设计之 适配器模式
- 汽车无钥匙进入系统工作原理、汽车无钥匙进入系统简介