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

Screenshot of error reporting ：

Error reason ： Not configured @ The symbol specifies the path alias for , Lead to direct use

Solution ：

Install first path modular

npm install --save-dev @types/node

modify vite.config.js file

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')
    }
  }
})

Rerun the project

npm run dev