Uncaught SyntaxError: The requested module ‘/node_modules/.vite/deps/vue-router.js?v=9eef87ba‘-Toy模板网

这篇具有很好参考价值的文章主要介绍了Uncaught SyntaxError: The requested module ‘/node_modules/.vite/deps/vue-router.js?v=9eef87ba‘。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

错误代码

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'

问题描述文章来源地址https://www.toymoban.com/news/detail-751496.html

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',
    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‘的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！