[plugin:vite:import-analysis]Failed to resolve import “@/“ from ““.Does the file exist

报错截图：

报错原因：未配置@符号为指定路径别名，导致直接使用导致

解决方案：

先安装path模块

npm install --save-dev @types/node

修改vite.config.js文件

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

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

重新运行项目

npm run dev