【vue项目启动时，出现vue-router路由警告警告信息】

最新推荐文章于 2025-02-27 10:24:28 发布
最新推荐文章于 2025-02-27 10:24:28 发布
阅读量2.6k 收藏
点赞数
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/S_L4869/article/details/123607914
版权

项目场景：

vue项目启动时，出现警告信息，vue-router路由警告

问题描述

在这里插入图片描述

warning  in ./node_modules/vue-router/dist/vue-router.esm-bundler.js

3388:37-45 "export 'computed' was not found in 'vue'

原因分析：

 "dependencies": {
    "core-js": "^3.6.5",
    "vue": "^2.5.2",
    "vue-router": "^4.0.12"
  },

vue-router@4.x版本太高，与vue@2.x版本冲突

解决方案：

降低vue-router版本，装@3.x版本

"vue-router": "^3.5.2",
warning in .node_modulesvue-routerdistvue-router.esm-bundler.js “export ‘watchEffect‘ was not
m0_54849873的博客
03-06 683
问题 利用vue cli 新建vue2项目,安装vue-router后浏览器控制台报错: Uncaught TypeError: Object(…) is not a function 终端这边爆 warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js "export ‘watchEffect’ was not 问题所在和解决 **本人版本:@vue/cli 4.5.15 ** 创建的是vue2项目 确定是vue-ro
vue 路由报错
weixin_44728473的博客
07-06 1万+
在进行如下路由跳转时 const edit = (index: number) => { let row: any = categoryData.value[index]; router.push({ name: “commodityedit”, query: { id: row.id, name: row.name } }); };遇到问题如下TypeError: Failed to fetch dynamically imported module: http://localhost:4000/src/
vue报错：main.js:13 [Vue Router warn]: Unexpected error when starting the router: TypeError: Cannot rea
最新发布
肥晨开发的学习之路
02-27 579
这样的错误，通常是由于路由配置不正确或者某些依赖未正确安装或初始化引起的。欢迎关注我获取前端学习资源，日常分享技术变革，生存法则；行业内幕，洞察先机。查看图片报错，能确定为路由问题，修改路由为正常路由就好了。在 Vue.js 中使用 Vue Router 时遇到。
vue-router.js?v=f28405c9:44 [Vue Router warn]: Unexpected error when starting the router:
weixin_36430673的博客
11-21 620
问题分析到这， 再去看后端返回的菜单数据，和本地的菜单数据比较，确实是后端数据有误，导致匹配不上。再分析一下代码，原来在这个地方出现无限循环。无限循环，导致浏览器窗口不停转圈圈，页面崩溃。后端返回的菜单和本地的菜单做匹配，没有匹配上，所以动态路由生成失败。首先：没有找到动态路由，所以，不停得生成动态路由。没有找到动态路由，分析动态路由逻辑。最后，改了后台接口数据，问题解决。那么，无限循环的原因又是什么？
vue-router报错: uncaught error during route navigation
qq_44535402的博客
02-21 8062
"[vue-router] uncaught error during route navigation:" Failed to resolve async component default: ChunkLoadError: "Uncaught (in promise) " {name: "ChunkLoadError", message: {message: "Loading chunk src_components_
vue 路由刷新出现 Uncaught SyntaxError: Unexpected token ‘＜‘
qq_42594589的博客
07-22 700
修改vue.config.js文件 将原来的 publicPath: './'，改成 publicPath: '/' 问题完美解决
Vue Router warn The “next“ callback was called more than once in one navigation guard
weixin_43814775的博客
01-10 2万+
问题： 问题代码： router.beforeEach(async (to, from, next) => { const token = Cookies.get('token'); next(); if (to.path === '/login' || to.path === '/') { next(); } else { if (token) { next(); } else {
vue-router-nav-呈现vue-router路由的简约响应式导航栏。-Vue.js开发
05-27
vue-router-nav呈现vue-router路由的简约响应式导航栏。 观看演示。 依赖关系您需要拥有vue-router insta vue-router-nav简约的响应式导航栏，用于呈现vue-router的路由。 观看演示。 依赖关系您需要安装vue-router...
vue3+webpack+vue-router路由封装+axios封装+vuex封装
05-23
vue3+webpack+vue-router路由封装+axios封装+vuex封装，下载资源中包括了vue3+webpack+vue-router路由封装+axios封装+vuex封装的相关代码，分别对vue-router路由进行了封装，对axios进行了封装，对vuex进行了封装，...
vue-router-invoke-webpack-plugin:根据文件目录自动生成vue-router的路由
05-14
根据文件目录自动生成vue-router的路由。 安装 npm npm install vue - router - invoke - webpack - plugin - D cnpm cnpm install vue - router - invoke - webpack - plugin - D 纱 yarn add vue - router - ...
vue-router 路由详解
大学生小郑的博客
07-21 1426
vue-router 路由详解
vue-router路由懒加载的实现（解决vue项目首次加载慢）
10-18
对于Vue项目而言，利用vue-router实现路由的懒加载可以按需加载各个路由组件，从而避免了应用启动时一次性加载全部页面和组件的资源。当用户访问某个路由时，才会去加载对应模块的代码，这极大提高了应用的性能和...
[Vue Router warn]
m0_49471668的博客
04-20 1438
[Vue Router warn]: <router-view> can no longer be used directly inside <transition> or <keep-alive>. Use slot props instead: 就是vue-router不再使用原来的写法，用slot插槽代替 原因： 检查vue-router的版本一般是4.x以上的都改用了新的写法 解决： 改成 <router-view v-slot="{ Com.
Vue Router 使用router.beforEach出现无限重定向问题解决Detected an infinite redirection in a navigation guard when
热门推荐
努力小张 https://nice_995.gitee.io/blog || https://skye-iiii.github.io/Blog/
02-17 3万+
Detected an infinite redirection in a navigation guard when going from "/" to "/". Aborting to avoid
warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js
weixin_45932157的博客
02-20 4519
问题 利用vue cli 新建vue2项目,安装vue-router后浏览器控制台报错: 问题所在和解决 :vue-router版本太高和vue2起冲突了,虽然router4.X的大部分的 Vue Router API 都没有变化,但vue-router 3.x 只能结合 vue2 进行使用~(网上查的说法,我翻了下router官方文档没找到这样的 解决也很简单：**卸载4版本的router,@指定版本装3.x的vue-router即可，我按自己的习惯安装3.5.2的vue-router亲测可用~**命令
ERROR in ./node_modules/vue-router/dist/vue-router.mjs
m0_52477297的博客
10-16 1627
卸载4版本的router,@指定版本装3.x的vue-router即可，我按自己的习惯安装3.5.2的vue-router亲测可用。安装vue-router时没有指定版本,然后npm自动下的是最新版（vue-router版本太高和vue2起冲突了）卸载：npm uninstall vue-router。今天打算新建一个项目，在下载完路由的时候发现报错了。安装：npm i vue-router@3.5.2。在package.json中找到。重新启动一下项目就恢复如初啦。
Vue Router报错；TypeError: api.now is not a function
Rich4st的博客
04-03 9097
错误原因：安装了beta版本的vue devtools 解决：卸载beta版安装最新稳定版本的vue devtools https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=en
VueRouter4解决 [Vue Router warn] No match found for location with path “sysmenuindex“,权限动态设置路由
m0_67393828的博客
03-09 1637
新版VueRouter4废除了addRoutes();//添加的数组 改为addRoute(RouteRecordRaw);//添加的为对象 如果是用的Vite 路由组件使用import.meta.glob(’…/…/…/views/**/*.vue’) 而不是webpack的require(’@/views/’ + path + ‘.vue’) ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

人间、失格€

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

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

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

打赏作者

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

抵扣说明：

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

余额充值