Uncaught TypeError: 未定義のプロパティを読み取れません (「use」を読み取っています)

报错：Uncaught TypeError: 未定義のプロパティを読み取れません ('use' を読み取っています)

理由: Vue-router のバージョンの問題 vue-router3 では、router/index.js にルータープラグインをインストールできますが、4 はサポートされていません。

解決策:
1. router/index.js で、2 つの関数 {createRouter、createWebHistory} をエクスポートします。createRouter を
使用してルーティング オブジェクトを作成します。createWebHistory
関数を使用して、履歴属性に値を割り当てます。これは vue-router4 であるため、履歴属性がある場合は、
キャッチされないエラーが報告されます。エラー: 「createRouter()」を呼び出すときに「history」オプションを指定してください: https://next.router.vuejs.org/api/#history。

2. 次に、main.js ファイルにルーティング プラグインをインストールします。

ルーター/index.js

import {
    
    createRouter, createWebHistory} from 'vue-router'
const routes = [
  {
    
    
    path: '/hello',
    component: () => import('../components/HelloWorld')
  }
]
export default createRouter({
    
    
  history: createWebHistory(),
  routes
})

main.js

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

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