【vue版本跟vue-router版本不兼容】

最新推荐文章于 2024-05-22 13:52:22 发布

python小屌丝

最新推荐文章于 2024-05-22 13:52:22 发布

阅读量191

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_39164020/article/details/134519454

版权

描述

当我启动项目时发现如下警告

export 'default' (imported as 'VueRouter') was not found in 'vue-router' 
(possible exports:NavigationFailureType, RouterLink, RouterView, 
START_LOCATION, createMemoryHistory, createRouter, createRouterMatcher,
createWebHashHistory, createWebHistory, isNavigationFailure, 
loadRouteLocation, matchedRouteKey, onBeforeRouteLeave,onBeforeRouteUpdate,
parseQuery, routeLocationKey, routerKey,routerViewLocationKey,
stringifyQuery, useLink, useRoute, useRouter, viewDepthKey)

查阅资料后发现是我使用的vue版本跟vue-router版本不兼容导致的，
于是我准备卸载vue-router，给它换一个版本
在这里插入图片描述

第一次尝试

npm uninstall vue-router --legacy-peer-deps
npm install vue-router@3.5.2 --legacy-peer-deps

千万要注意

vue2搭配vue-router3
vue3搭配vue-router4

优惠劵

python小屌丝

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【vue版本跟vue-router版本不兼容】

查阅资料后发现是我使用的vue版本跟vue-router版本不兼容导致的，于是我准备卸载vue-router，给它换一个版本。
复制链接

扫一扫

vue-router 中router-view不能渲染的解决方法

12-08

在使用vue-router的时候跳了一个很大的坑，router-view不能渲染，花费了好多时间终于发现了原因。项目目录结构其中main.js import Vue from 'vue'; import App from './App'; import router from './router'; /*...

vue-router安装报错、版本冲突

南北极之间

08-21

1562

在做vue2项目的时候。配置路由报错了。

参与评论您还未登录，请先登录后发表或查看评论

VUE-CLI/VUE-ROUTER

LKS_010620的博客

08-24

3577

官方文档vue-cli是vue官方出品的快速构建单页应用的脚手架，里面集成了webpack，npm，nodejs，babel，vue，vue-router。

Vue2的路由vue-router固定版本安装

m0_65292523的博客

09-20

4517

vue2的版本只能和vue-router 3.x使用，vue-router 4.x和vue3使用，如果安装vue-router不标注版本的话，会默认安装vue-router 4.x的版本，可以在package.json文件里查看vue-router的版本信息，我的是^3.5.2的版本。

vue-router版本和npm版本问题

SlinaW的博客

11-12

2633

学习vue-router

【vue】vue中的路由vue-router，vue-cli脚手架详细使用教程

景天科技苑

03-22

3867

vue就是我们前面学习的vue基础，vue + vue-router 主要用来做SPA(Single Page Application)，单页面应用整个网站都是通过一个html文件搞定的。我们只需要开发组件，页面中有什么组件，就开发什么组件。这些事情都是前端来做的，跟后端没有一点关系。 vue-cli 能创建vue项目，把目录创建好了，哪个地方放组件，哪个地方放css样式等都划分好目录了。类似于我们通过pycharm创建django项目。而且能vue-cli把整个项目通过socket跑起来。

vue-router-next：Vue 3官方路由器

02-06

vue-router-next 这是Vue路由器4的存储库（适用于Vue 3）支持Vue路由器Vue Router是Vue生态系统的一部分，是MIT许可的开放源代码项目，其持续的开发完全依靠赞助者的支持而得以实现。如果您想成为赞助商，请考虑：...

vue-router3.0版本中 router.push 不能刷新页面的问题

11-30

在 github 的 vue-router 中找到同样的一个问题：3.0.1版本通过router实例无法跳转昨天发现有些路由不能正常跳转，找了一下发现都是那些实例化后使用 router.push 而不是直接使用 this.$router.push 的地方。出现...

vue-taro-router:基本 Taro ，扩展成 vue-router 的使用体验

05-28

VueTaroRouter基本 Taro ，扩展成 vue-router 的使用体验Installationnpm i vue-taro-router -SUsage// router.jsimport VueTaroRouter from "vue-taro-router";const router = new VueTaroRouter();// 添加拦截器...

vite+ts+mock+vue-router+pinia实现vue的路由权限

beekim的博客

05-20

364

vite.config.ts配置。

vue中computed计算属性

luna_H的博客

05-19

415

4.原理使用了Object.defineproperty(目标对象,名称,{get(),set(value)})5.watch默认监听一层，需要监听多级如对象中的值，需要添加深度监听deep:true。4.写法：第一种Vue实例中，第二种实例化vm.$watch("监听的属性",{})写法：监听的属性名(新值,旧值){}2.被Vue实例管理的函数最好都使用普通函数，不被Vue实例管理的函数最好都使用箭头函数，1.computed能做到的watch都可以，watch能做到的computed不一定能。

四天学会JS高阶（学好vue的关键）——深入面向对象（理论+实战）（第三天）

爱游戏爱学习的博客

05-20

882

深入对象原型对象

VueScan Pro中文

CSDN专家-微编程的博客

05-19

382

VueScan Pro中文是一款VueScan图像扫描软件,提供色彩平衡和颜色校正功能,适用于6500多台扫描仪,VueScan破解版内置驱动,可以对扫描仪软件反向工程,支持200种以上的底片类型,复杂的白色平衡算法,用于检查物体表面暇疵的红外线底片扫描,成批扫描,自动剪取图像等等,提高扫描仪的扫描速度和工作效率.

Vue从入门到实战Day07

ltt159264的博客

05-21

959

目标：明确vuex是什么，应用场景，优势vuex是一个vue的状态管理工具，状态就是数据。大白话：vuex是一个插件，可以帮助我们管理vue通用的数据（多组件共享的数据）①某个状态在很多个组件来使用（个人信息）②多个组件共同维护一份数据（购物车）①共同维护一份数据，数据集中化管理；②响应式变化；③操作简洁（vuex提供了一些辅助函数）。

前端开发攻略---用Vue实现无限滚动的几种方法

最新发布

nibabaoo的博客

05-22

1150

用vue实现无限滚动

Vue 组件功能的复用

u010373106的博客

05-22

185

Vue中的混入（Mixins）是一种复用组件逻辑的技术，它允许你抽取组件中的可复用功能，并将其作为一个独立的模块与其他组件组合。混入对象可以包含数据、计算属性、方法、生命周期钩子、侦听器等组件选项。当组件使用混入时，混入对象的选项会被“混合”到该组件自身的选项中。注册，会影响所有之后创建的Vue实例。但应谨慎使用，以免污染全局命名空间。：Vue也支持全局混入，通过。

Vue ref访问这些元素或组件的实例

u010373106的博客

05-22

159

可以在任意DOM元素上使用ref属性，然后在Vue实例中通过this.$refs访问这个DOM元素。

Vue3的setup系列篇之defineEmits和defineProps使用方式

weixin_44072254的博客

05-21

318

defineEmits：触发事件（函数，等价于 $emit)defineProps：父组件传过来的值进行类型验证。

【Vue3】env环境变量的配置和使用（区分cli和vite）

黎明总是如期而至

05-20

496

目前vue程序可以通过cli和vite两种方式构建，但是两种方式加载env的方式有些不同，这里基于自己的理解简单记录。

适配4.5.13版本的vue-cli的vue-router

06-06

在Vue CLI 4.5.13版本中默认安装的是Vue Router 4.x版本，如果需要使用Vue Router 3.x版本进行适配，可以按照以下步骤操作： 1. 创建Vue项目：使用Vue CLI创建项目，选择手动安装特性，并且不选择Vue Router插件。 ``` vue create my-project ``` 2. 安装Vue Router 3.x版本：在项目根目录下安装Vue Router 3.x版本。使用npm： ``` npm install vue-router@^3.0.0 ``` 使用yarn： ``` yarn add vue-router@^3.0.0 ``` 3. 配置Vue Router：在src目录下创建router目录，并且创建index.js文件。 ```javascript import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter) const routes = [ // 路由配置 ] const router = new VueRouter({ routes // 简写，相当于routes: routes }) export default router ``` 然后在main.js文件中引入和挂载router。 ```javascript import Vue from 'vue' import App from './App.vue' import router from './router' Vue.config.productionTip = false new Vue({ router, render: h => h(App), }).$mount('#app') ``` 这样，就可以使用Vue Router 3.x版本进行开发。需要注意的是，Vue Router 3.x版本和4.x版本在某些API上有所差别，需要根据官方文档进行相应的调整。

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交