vue3 路由配置@找不到文件

一、问题

在配置路由的时候，遇到了一个问题，就是添加路由界面的时候，找不到指定的文件，提示错误，如下图:

 但是，如果将@换成 ../就正常了，如下图:

 二、解决方法

1、需要先安装一个path的插件

npm install --save-dev @types/node

2、找到vite.config.js这个文件(在根目录下，进行如下配置) 

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import {resolve} from 'path';

const pathResolve = (dir) => {
    return resolve(__dirname, ".", dir)
}

export default defineConfig({
　　plugins: [vue()],
　　resolve: { 
　　　　alias: {
　　　　　　'@': pathResolve("src"), //路径配置
　　　　　　'@_c': pathResolve("components"), //组件路径配置
　　　　},
　　}          
})

3、配置完之后，重新启动项目就可以了