Failed to resolve import "@/views/index.vue" from "src\router\index.ts" vue3 路由配置@找不到文件

使用 vite 搭建一个 vue3 的一个typescript的项目。

配置路由的添加路由界面的时候，报错：找不到指定的文件，提示错误如下图：

 

 但是把@换成 .. 就可以了

 

 

解决方案：

1、安装path模块

yarn add @types/node -D

2、修改vite.config.ts配置

 

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

// https://vitejs.dev/config/
export default defineConfig({
  resolve:{
    alias:{
      '@':path.resolve(__dirname,'src')
    }
  },
  plugins: [vue()],
})

 

 

3、执行yarn run dev 重启服务即可