vue - 报错 Uncaught TypeError: VueRouter is not a constructor 解决方案

已于 2023-02-07 17:27:50 修改
阅读量1.9k 收藏
点赞数 3
分类专栏： vue基础 文章标签： vue.js javascript 前端 前端框架
于 2023-02-07 17:06:27 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50545213/article/details/128922067
版权
文章主要介绍了在Vue项目中遇到VueRouter报错UncaughtTypeError:VueRouterisnotaconstructor的问题，分析了可能的原因是vue-router版本过高或与Vue版本不兼容。解决方案是检查并确保vue-router版本与Vue环境匹配，如果版本过高则需降级，如通过删除包并重新安装来解决此问题。
摘要由CSDN通过智能技术生成

问题描述

Vue 的路由控制台报错，导致无法使用，玩获赠报错如下：

Uncaught TypeError: VueRouter is not a constructor

在这里插入图片描述

后面是详细的分析与解决办法。

解决方案

请检查 vue-router 版本是否过高或 vue 环境使用 2 而 引入为 3，

如果是版本过高，请将 vue-router 版本进行降级（删除包，重新安装）。

街尾杂货店&
关注
专栏目录
Cesium 报错：TypeError: Cesium.MeasurementTool is not a constructor
虎康的博客
09-19 1108
如果您的 Cesium 版本是符合要求的，但仍然遇到相同的错误，请检查您是否正确引入了 Cesium 库。如果在创建测量部件时遇到了"TypeError: Cesium.MeasurementTool is not a constructor"错误，那很可能是因为您使用的是不支持测量工具的 Cesium 版本。测量工具是从 Cesium 1.82 版本开始引入的，所以确保您使用的是 Cesium 1.82 及以上的版本才能使用测量工具。请确保替换的路径正确指向您存储的 Cesium 库文件。
vue3 - 解决报错 TypeError: (0 , import_node_util.parseArgs) is not a function（vue3新建项目时报错，vue3使用命令新建项目出错
高级前端工程师
05-16 2966
vue3，node.js，npm create vue，创建项目报错，无法创建项目，Vue.js - The Progressive JavaScript Framework，TypeError: (0 , import_node_util.parseArgs) is not a function，at init xx，vue报错解决，vue3如何新建项目，vue3新建项目一直失败怎么办，升级node.js还是不行，npm init vue@latest，node版本升级到什么，node版本18还是报错怎么
【vue3常见报错7】Uncaught TypeError - xxx is not a constructor
朱远辉的博客
05-19 3169
【vue3常见报错7】Uncaught TypeError - xxx is not a constructor
Vue报错：Uncaught TypeError: VueRouter is not a constructor
qq_51133939的博客
08-11 3878
Vue报错：Uncaught TypeError: VueRouter is not a constructor； router-link无法被解析为 a 标签。
Vue报错：VueRouter is not a constructor
m0_63926154的博客
09-11 3135
Vue报错：Uncaught TypeError: VueRouter is not a constructor。可能是使用 vue-router 版本过高或者vue环境使用2而引入为3。这里我使用的是CDN在线引用，反正万变不离其中，我们只需要把版本降一下即可。在学习Vue的路由时候控制台报错，导致一些CSS和路由都无法使用。这样遍解决的问题可以正常运行，css样式也开始生效了。
Uncaught TypeError: VueRouter is not a constructor at 路由.html:39:18
m0_57973769的博客
11-25 481
Uncaught TypeError: VueRouter is not a constructor atUncaught TypeError: VueRouter is not a constructor at
Uncaught TypeError: vue_router__WEBPACK_IMPORTED_MODULE_1__.default is not a constructor(vue 报错)
DongShanYuXiao的博客
03-10 7988
使用webpack构建Vue单页面应用项目，项目运行时，浏览器报“Uncaught TypeError: WEBPACK_IMPORTED_MODULE_2__router.a is not a constructor”，组件中的内容也不能正常显示，to animal也不能正常出现标签的效果。因为./表示当前src目录，目录下并没有router文件，所以webpack会找不到，所以会报错。
laravel Uncaught TypeError: Vue is not a constructor
mengliwang的博客
01-27 4815
laravel中引入Vue出现以上报错。 处理方法：在resources/js/bootstrap.js文件中加入以下代码， 注意最后一定要有 .default。 window.Vue = require('vue').default; 然后npm run dev编译后再运行。
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#<Object>‘的解决
08-30
在Vue开发过程中，有时会遇到一个常见的错误：`Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'`。这个错误通常发生在使用Webpack打包Vue应用时，由于模块导入导出规范的...
报错Uncaught TypeError: VueRouter is not a constructor
05-29
这个错误通常是因为Vue-router没有正确引入造成的。请确保在HTML文件中引入了Vue和Vue-...如果还是无法解决问题，您可以尝试使用Vue和Vue-router的本地版本，或者使用Vue-cli等工具来创建项目来引入Vue和Vue-router。
vue3 - 报错Uncaught (in promise) TypeError: Converting circular structure to JSON --＞ starting at obje
最新发布
高级前端工程师
05-22 5088
vue3，报错，json，element-plus，ant design vue，antd，组件报错，vue报错解决，vue3 Uncaught (in promise) TypeError: Converting circular structure to JSON --> starting at object with constructor ‘Object’ | property ‘vnode’ -> object with constructor ‘Object’— property ‘compon
版本问题导致 导入vue报错：Uncaught TypeError: Vue is not a constructor
qq_41623592的博客
04-12 3684
默认地址展示的是vue3，所以在环境代码地址https://cdn.jsdelivr.net/npm/vue后面加上‘@2’，重新复制页面内容得到vue2代码，替换js/vue-prod.js，问题消失
vuex踩坑——Uncaught TypeError: vuex__WEBPACK_IMPORTED_MODULE_1__.default.store is not a constructor
weixin_46351593的博客
02-13 9214
今天做项目遇到一个问题，是使用vuex的Store首字母大写的问题，现在解决了，并记录下。 这是store/index.js文件： import Vue from 'vue' import Vuex from 'vuex' // 安装插件 Vue.use(Vuex) // 创建Store对象 const store = new Vuex.store({ state: { cartList: [] }, mutations: { addCart(state, payload
r is not a constructor报错
gz-郭小敏的博客
10-11 6063
刚刚想通过npm方式引入vue，结果却报r is not a constructor； 解决方法： import Vue from 'vue'
Vue报错vue-router.esm-bundler.js?6c02:2127 Uncaught TypeError: Object(...) is not a
weixin_62395055的博客
03-06 2771
我是拿脚手架2搭的，配的时候忘记配路由了，后来直接npm install vue-rouer --save 是vue-router的版本太高了，降低版本就可以 npm install vue-router@3.1.0 --save 就不报错了
【Vue3.0】报错 Object(...) is not a function，history: createWebHashHistory()
票票的博客
12-17 1411
引用hash模式运行项目报错，错误信息如下 import { createRouter, createWebHashHistory } from 'vue-router' import routes from './routes' const router = createRouter({ history: createWebHashHistory(), routes }) export default router 解决方法：升级 vue-router 版本 npm install vu
使用vue-router出现Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘push‘）
qq_41964720的博客
03-17 4300
使用vue-router出现不能读取push这个属性
Uncaught TypeError:Cannot redefine property: $router报错解决方案
热门推荐
Coding and studying
01-28 1万+
原因：就如报错提示所描述的，不能重新定义$router，说明是重复定了$router。通常是因为在项目中安装了vue-router的依赖并且用Vue.use()使用了vue-router，还在index.html页面引入了vue-router.js文件。 项目打包优化阶段，为了解决打包成功后，单文件体积过大的问题 ，可以通过 webpack 的 externals 节点，来配置并加载外部的 CDN 资源。 若只在发布阶段配置了externals节点： vue.config.js文件中的配置 co
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

街尾杂货店&

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值