报错 - 解决vue3报错：export ‘createRouter‘ was not found in ‘vue-router‘

最近在开始学习vue3，因为之前一直在使用vue2.x，然后在写vue3的时候会发现两者存在一定的差别，然后在练习的时候会出现各种各样的问题，在这里总结并且分享一下给大家。一、报错情况 "export ‘createRouter’ was not found in 'vue-router’ "export ‘createWebHashHistory’ was not found in 'v

紫菀檀ss

3119人浏览 · 2021-08-25 15:11:04

紫菀檀ss · 2021-08-25 15:11:04 发布

最近在开始学习vue3，因为之前一直在使用vue2.x，然后在写vue3的时候会发现两者存在一定的差别，然后在练习的时候会出现各种各样的问题，在这里总结并且分享一下给大家。

一、报错情况

"export ‘createRouter’ was not found in 'vue-router’
"export ‘createWebHashHistory’ was not found in 'vue-router’
在这里插入图片描述

二、报错原因及解决办法

如果看过我的上一篇文章大家应该能一眼就看出报错的原因了吧。出现这样的报错是因为我们使用的vue-router包不对，安装了2.x版本的，因为我们现在开发使用的是vue3，所以也要对应安装vue3版本的vue-router包。我们只需要将之前安装的 vue-router包卸载，然后重新安装vue3的vue-router包。

// 卸载 vue2.x 的vue-router
npm uninstall vue-router --save
// 安装 vue3 的vue-router
npm install vue-router@next --save

这样就可以解决啦，希望对大家有所帮助哦！

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}$/, //不连续的两位字母// /^