Vue + Ts 模块 ““vue-router““ 没有导出的成员 “createRouter“

历史文章目录连接： https://blog.csdn.net/yy763496668/article/details/113117040 此链接为CSDN连接，目的为方便大家一览博客目录！内容会定期更新。

微信公众号：猿媛大本营

概述:

不提供名为'createRouter'的导出vue 3、vite和vue router 或 模块 "vue-router" 没有导出的成员 "createRouter"

正文：

在创建新工程后，配置路由阶段，按照常规步骤 使用命令

npm install vue-router

安装vue-install 包，在工程目录中添加router目录后，添加路由文件index.ts时

发生报错

源码如下：

import { createRouter,createWebHistory,RouteRecordRaw} from "vue-router";
import Index from '../views/Index.vue';


const routes = [
    {
        path:'/',
        component:Index,
    }
]


const router = createRouter({
    history:createWebHistory(),
    routes:routes
})
export default router;

在引入第一行的三个对象的时候，编辑器抛出错误

模块 ""vue-router"" 没有导出的成员 "createRouter"

在检查配置后发现，依赖中确实安装了vue-router 3.x 的版本

然后尝试卸载vue-router

 npm uninstall vue-router

重新安装 vue-router 4.x的版本

npm install vue-router@next -S

通过运行上面的命令重新安装与Vue 3兼容的最新（版本4）：

最终解决问题。

Thanks ALL !

【关注、点赞，收藏】 关注公众号，您将第一时间收到文章更新 微信公众号：猿媛大本营 QQ群号：1056320746