设置import First from '../views/First.vue'为什么没有反应？

以下是router里面的index.js文件代码：

import { createRouter, createWebHistory } from 'vue-router'

import Home from '../views/Home.vue'

import First from '../views/First.vue'

const routes = [

  {

    path: '/',

    component: First

  },

  {

    path: '/about',

    name: 'About',

    // route level code-splitting

    // this generates a separate chunk (about.[hash].js) for this route

    // which is lazy-loaded when the route is visited.

    component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')

  }

]