vue3运行项目一堆警告

Question

想着学习一下vue3，谁知道刚运行就一堆警告了，求教：

 WARNING  Compiled with 16 warnings
 warning  in ./node_modules/vue-router/dist/vue-router.esm-bundler.js
"export 'computed' was not found in 'vue'
 warning  in ./src/main.js
"export 'createApp' was not found in 'vue'
 warning  in ./node_modules/vue-router/dist/vue-router.esm-bundler.js
"export 'defineComponent' was not found in 'vue'
 warning  in ./node_modules/vue-router/dist/vue-router.esm-bundler.js
"export 'getCurrentInstance' was not found in 'vue'
 warning  in ./node_modules/vue-router/dist/vue-router.esm-bundler.js
"export 'h' was not found in 'vue'
 warning  in ./node_modules/vue-router/dist/vue-router.esm-bundler.js
"export 'inject' was not found in 'vue'
 warning  in ./node_modules/vue-router/dist/vue-router.esm-bundler.js
"export 'nextTick' was not found in 'vue'
 warning  in ./node_modules/vue-router/dist/vue-router.esm-bundler.js
"export 'onActivated' was not found in 'vue'
 warning  in ./node_modules/vue-router/dist/vue-router.esm-bundler.js
"export 'onDeactivated' was not found in 'vue'
 warning  in ./node_modules/vue-router/dist/vue-router.esm-bundler.js
"export 'onUnmounted' was not found in 'vue'
 warning  in ./node_modules/vue-router/dist/vue-router.esm-bundler.js
"export 'provide' was not found in 'vue'
 warning  in ./node_modules/vue-router/dist/vue-router.esm-bundler.js
"export 'reactive' was not found in 'vue'
 warning  in ./node_modules/vue-router/dist/vue-router.esm-bundler.js
"export 'ref' was not found in 'vue'
 warning  in ./node_modules/vue-router/dist/vue-router.esm-bundler.js
"export 'shallowRef' was not found in 'vue'
 warning  in ./node_modules/vue-router/dist/vue-router.esm-bundler.js
"export 'unref' was not found in 'vue'
 warning  in ./node_modules/vue-router/dist/vue-router.esm-bundler.js
"export 'watch' was not found in 'vue'

项目的main.js写法：

import {createApp} from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

//引入element-ui框架
import ElementPlus from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css';

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

router路由index.js写法：

import { createRouter, createWebHashHistory} from 'vue-router'

const router = createRouter({
  history: createWebHashHistory(),
  routes: [
    {
      path: '/',
    }
　],
})

export default router

然后打开网页之后报的错：

请教一下哪里写错了？