Vue.js vite请求的模块vue路由器？

package.json：

{
“名称”：“博客”，
“版本”：“0.0.0”，
“许可证”：“麻省理工学院”，
“脚本”：{
“dev”：“vite--config./vite.myconfig.js”，
“构建”：“vue tsc--noEmit和vite构建”，
“服务”：“vite预览”
},
“依赖项”：{
“@types/node”：“^14.14.37”，
“vue”：“^3.0.5”，
“vue路由器”：“^4.0.4”
},
“依赖性”：{
“@vitejs/plugin vue”：“^1.2.1”，
“@vue/compiler sfc”：“^3.0.5”，
“类型脚本”：“^4.2.3”，
“vite”：“^2.1.5”，
“vue tsc”：“^0.0.15”
}
}

vite.myconfig.js

从“vite”导入{defineConfig}
从“@vitejs/plugin vue”导入vue
从“路径”导入路径
/**
*@type{import（'vite'）.UserConfig}
*/
module.exports={
类型：“模块”，
插件：[vue（）]，
决心：{
别名：{
“@src”：path.resolve（_dirname，”./src'），
“@assets”：path.resolve（_dirname，”./assets），
},
},
缩小：“精简”，
}

我的路由器脚本

从“vue路由器”导入vueRouter
常数路由=[
{path:'/home'，组件：{}，
{path:'/about'，组件：{}，
]
const router=vueRouter.createRouter({
历史记录：vueRouter.createWebHistory（），
路线:路线,，
})
导出默认路由器

此错误：

router.ts:1 Uncaught SyntaxError: The requested module '/node_modules/.vite/vue-router.js?v=096e59a1' does not provide an export named 'default'

---

这是为什么？

正确的语法是从“vue路由器”导入vueRouter*作为vueRouter因为vue路由器不提供默认导出：

import * as vueRouter from 'vue-router';

const routes = [
  { path: '/home', component: {} },
  { path: '/about', component: {} },
];

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

或

import {createRouter} from 'vue-router';

const routes = [
  { path: '/home', component: {} },
  { path: '/about', component: {} },
];

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