vue3配置vue-router报错解决方法

问题一：import { createRouter, createWebHashHistory} from 'vue-router'; 爆红

解决方法：引入报错使用命令 pnpm install vue-router@4.2.1 -D 

安装vue-router4.2.1 版本

问题二：routes爆红

 找了很久发现是路由的组件component写出了comment,我无语了 

 如果还不能解决可以使用RouteRecordraw定义路由配置

import { RouteRecordRaw } from 'vue-router';
export const constantRoute: Array<RouteRecordRaw> = [
    {
        path: '/login',
        component: () => import('@/views/login/index.vue'),
        name: 'login'
    },
    {
        path: '/',
        component: () => import('@/views/home/index.vue'),
        name: 'layout'
    },
    {
        path: '/404',
        component: () => import('@/views/404/index.vue'),
        name: '404'
    },
    // 任意路由
    {
        path: '/pathMatch(.*)*',
        redirect: '/404',
        name: 'Any'
    }
]