「RouteRecordRaw」は、「preserveValueImports」と「isolateModules」の両方が有効な場合、タイプのみのインポートを使用してインポートする必要があるタイプです。

vue3+ts で開発する場合、ルーティングを設定するときに次の問題が発生します。

 RouteRecordRaw を参照してルートを宣言すると、エラーが報告されます。

解決：

最初の方法:

インポート時に、タイプの形式で導入され、タイプが前に追加されます。

import { createRouter, createWebHistory } from 'vue-router'
import type { RouteRecordRaw } from 'vue-router'

2 番目の方法:

ルート ディレクトリでtsconfig.jsonファイルを見つけ、preserveValueImports: falseを設定します。

"compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"]
    },


"preserveValueImports": false

上記の問題はこのようにして解決できます。