idea无法解析目录@/xxx

显示错误如下

解决办法

1. vite.config.js 中添加配置,配置'@'的别名

import { fileURLToPath, URL } from 'node:url'
// https://vitejs.dev/config/
export default defineConfig({
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url)),
    },
  },
})

2. 项目重新编译后就可以正常识别了

错误原因

idea识别别名错误

配置分析

• resolve.alias: 表示设置路径别名的配置选项。
• '@': 别名，这里代表根目录下的src目录。
• fileURLToPath(new URL('./src', import.meta.url)): 这是一个函数调用，用于生成路径别名。它将当前文件的URL（即vite配置文件的URL）与相对路径'./src'组合起来，然后将其转换为文件系统路径。

综合起来，这段配置的作用是将'@'别名映射到项目的src目录，方便在项目中使用'@'来引用src目录下的文件或模块。