Vue应用启动必备技巧：解决Error: xxx不是个构造器

2024-04-08 技术资讯推广

其中一个重要的组件是vue-router，它允许我们在应用程序之间轻松导航。在Vue应用中使用vue-router，必须要先引入它。由于JavaScript中的变量和函数都是全局作用域的，所以如果你的Vue应用中存在与vue-router中

未正确引入vue-router

遇到“Error: xxx isn’t a constructor”的提示不用怕，就是你没用vue-router而已。要是想让Vue应用跑起来，在main.js里加个vue-router就好了，问题立马解决！千万别忘了这步，否则就得重新来过。打代码时仔细些喔，看看有没正确引入vue-router，路径和名字对不对？

首先，Vue CLI新建项目时会顺便帮你安装vue-router，但如果要自行添加或给现有项目装个vue-router，还是得自己动手搞定才行喔！那么，我们该如何搭建这个vue-router？简单到不行了啦：

javascript
import Vue from 'vue';
我们开始！首先，导入一下vue-router这个库。
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
const router = new VueRouter({
  routes: [...],
})
new Vue({
  router,
  render: (h) => h(App),
}).$mount('#app')
Vue.use(VueRouter);

//这里可以继续配置路由

这儿，咱们要认识下Vue和它的好朋友VueRouter。记住要用Vue. use（）这个神秘武器！掌握住了VueRouter，想怎么玩儿都行
命名冲突
当出现”Error: xxx不是个构造器”这种奇怪的错误信息时，别急着找启动路径的茬儿。是不是因为你的按钮名称跟其他地方重复了？记住，在Java脚本里对象和函数可是平等的好基友！所以，别让你的Vue app跟vue-router重名，否则就要吵架

如果你在Vue项目中引入了个叫”Router”的东西，但它跟vue-router重名了，那你可就倒大霉了~-“错误：Router这货是个构造器来着，出问题！”所以，千万记得别把那个和vue-router名字一样的家伙扔进Vue了！
这个问题简单得很，把那些同叫一个名字的变量、组件或是函数稍微调整下不就行了吗？这样就能避免那种让人头疼的名字重复问题。
版本兼容性问题
告诉你有时候那些”错误：xxx不是构造器”的状况，可能就是因为文件版本没弄对！举个例子来说，假如你已经用上最新的Vue了，但是vue-router还在旧版本的话，那可不妙！
要解决vuetify插件乱套的头疼事儿，首先确保你用的vue-router版本和Vue版本一致哦!很好办，上网看看呗，不管是Vue官网还是vue-router官网，都有各个版本的兼容性说明。选对版本搭配好vue-router,顺利运转就不是梦啦!
别错过我们这个新玩偶的最新消息！一直在更新的，别等太久。更新完要注意试跑看看效果，别让构造过程给你找麻烦，快点把问题解决掉。
其他可能原因
建议与总结
要是出了‘xxx不是构造器’的问题，记得先看看vue-router装对了没！别把版本或名称搞混了去Vue官网瞅瞅，或者和朋友们聊聊学学经验~慢慢来，熟能生巧！
别慌大家都有过这种时候，先冷静下来，找出咱们犯错儿的那一环节。再和我一块儿想想怎么弥补，还不是轻轻松松就能搞定了吗？平时多留意、多模拟，等到再次碰到类似的事情时你也可以挺胸抬头地应对咯~
			    						    						    						    					    		
			    					    				    					    			 原文链接：https://www.icz.com/technicalinformation/web/2024/04/14842.html，转载请注明出处~~~