vue3 路由配置@找不到文件

 

 方法一、將@換成 ../就正常了

方法二、安裝path插件

npm install --save-dev @types/node

安裝好后vite.config.ts配置

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
 
// *********************************** 路徑配置新增 start  
import { resolve } from 'path'     
 
const pathResolve = (dir: string): any => {  
  return resolve(__dirname, ".", dir)          
}
 
const alias: Record<string, string> = {
  '@': pathResolve("src")
}
 
// ********************************** 路徑配置新增  end 
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  resolve: {  // ****************** 路徑配置新增
    alias     // ****************** 路徑配置新增
  }           // ****************** 路徑配置新增
})