在用vue3脚手架搭建项目的时候,配置路由 一直报错,
错误代码不显示了
正确代码
min.js
import { createApp } from 'vue'
import App from './App.vue'
import Router from './router/index'
// createApp(App).use(Router).mount('#app')
const app = createApp(App)
app.use(Router)
// app.use(ElementPlus)
app.mount('#app')
router.js
import { createRouter, createWebHistory } from 'vue-router'
const routes = [
{
path: '/',
name: 'index',
component: () => import('../App.vue'),
children: [
{
path: '/HelloWorld',
name: 'HelloWorld',
component: () => import('@/components/HelloWorld.vue')
},
{
path: 'Shuju',
name: 'Shuju',
component: () => import('@/components/Shuju.vue')
},
]
}
]
const routerHistory = createWebHistory()
const router = createRouter({
history: routerHistory,
routes
})
export default router
版权声明:本文为weixin_45663264原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。