错误代码
import {createRouter, createWebHistory, RouteRecordRaw} from 'vue-router'
// 自定义属性类型检测
type RouterConfig = RouteRecordRaw & {
hidden?: boolean // hidden属性非必填
name?: string //string属性非必填
}
const routes: Array<RouterConfig> = [
{
path: '/about',
name: 'about',
hidden: true,
component: () => import('../views/AboutView.vue')
}
]
const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
routes
})
export default router
错误提示
浏览器中路由无法显示,提示错误
Uncaught SyntaxError: The requested module '/node_modules/.vite/deps/vue-router.js?v=9eef87ba' does not provide an export named 'RouteRecordRaw'
问题描述
Volar: 'RouteRecordRaw' is a type and must be imported using a type-only import when 'verbatimModuleSyntax' is enabled.
解决方法
import type {RouteRecordRaw} from 'vue-router'
import {createRouter, createWebHistory} from 'vue-router'
// 自定义属性类型检测
type RouterConfig = RouteRecordRaw & {
hidden?: boolean // hidden属性非必填
name?: string //string属性非必填
}
const routes: Array<RouterConfig> = [
{
path: '/about',
routes
})
export default router
原文地址:https://blog.csdn.net/weixin_45792959/article/details/133725035
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。