Vue.js '不提供名为'createRouter'的导出'' vue 3、vite 和 vuerouter

我刚开始在vue中使用vite.

当我试图使用vue路由时，我得到一个错误:

SyntaxError:请求的模块'/node_modules/.vite/vue路由/dist/vue路由.esm.js？v=4830dca4'不提供名为'createRouter'的导出

我的路由/索引.js看起来像这样:

import {
 createWebHistory,
 createRouter
} from "vue-router";

import Services from "../views/Services.vue";
import Customers from "../views/Customers.vue";

const history = createWebHistory();
const routes = [
  {
    path: "/",
    component: Services
  },
  {
    path: "/customers",
    component: Customers
  },
];
const router = createRouter({
  history,
  routes
});
export default router;

我的主菜.js看起来像这样:

import { createApp } from 'vue'
import App from './App.vue'
import './index.css'
import router from './router'

createApp(App).use(router).mount('#app')

我的Package.json如下所示:

{
 "name": "frontend",
 "version": "0.0.0",
 "scripts": {
 "dev": "vite",
 "build": "vite build"
},
 "dependencies": {
 "vue": "^3.0.5",
 "vue-router": "^3.4.9"
},
 "devDependencies": {
 "@vitejs/plugin-vue": "^1.0.4",
 "@vue/compiler-sfc": "^3.0.5",
 "autoprefixer": "^10.2.3",
 "postcss": "^8.2.4",
 "tailwindcss": "^2.0.2",
 "vite": "^2.0.0-beta.12"
 }
}

有人知道怎么出口这条路由吗？