vue-router.esm-bundler.js?6c02:2143 Uncaught TypeError: Object(…) is not a function
at eval (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm-bundler.js:2161:97)
at Module…/node_modules/vue-router/dist/vue-router.esm-bundler.js (chunk-vendors.js:1725:1)
at webpack_require (app.js:849:30)
at fn (app.js:151:20)
at eval (webpack-internal:///./src/router/index.js:3:68)
at Module…/src/router/index.js (app.js:1160:1)
at webpack_require (app.js:849:30)
at fn (app.js:151:20)
at eval (webpack-internal:///./src/main.js:12:65)
at Module…/src/main.js (app.js:1148:1)
在这里插入图片描述
今天在写一个vue Cli3项目的时候遇到一个问题，由于创建项目的时候没有事先安装vue-router，后续通过npm install vue-router --save安装的。

   "dependencies": {
    "core-js": "^3.6.4",
    "vue": "^2.6.11",
    "vue-router": "^4.0.16"
  },

在这里插入图片描述
实际版本也是4.0.16.
认真检查代码没错后，最后发现是版本原因。

降低vue-router的版本（3版本的应该都可以） 3.0.1 或者 3.5.2

npm install vue-router@3.5.2
# vue.js # webpack # javascript
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue