“RouteRecordRaw“ 是一种类型,在同时启用了 “preserveValueImports“ 和 “isolatedModules“ 时,必须使用仅类型导入进行导入。
使用vue3+ts开发时,在配置路由时,出现如下问题:
在引用RouteRecordRaw声明routes时,报错。
解决方法:
第一种方法:
引入的时候以类型的形式引入,前面添加type:
import { createRouter, createWebHistory } from 'vue-router'
import type { RouteRecordRaw } from 'vue-router'
第二种方法:
找到根目录中的tsconfig.json文件,设置preserveValueImports:false
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@/*": ["./src/*"]
},
"preserveValueImports": false
这样如上问题就可解决。