Vite v4+ 根级别Resolve别名配置失效问题求助

你的配置和代码里存在几个关键问题，对应修复方案如下：

1. Vite配置文件的结构与路径变量错误 #

你的vite.config.js缺少正确的导出结构，且因为package.json设置了type: module（ES模块模式），无法使用CommonJS的__dirname变量。

修复后的vite.config.js：

import { defineConfig } from 'vite'
import path from 'path'
import { fileURLToPath } from 'url'

// 替代CommonJS的__dirname，适配ES模块环境
const __filename = fileURLToPath(import.meta.url)
const __dirname = path.dirname(__filename)

export default defineConfig({
  resolve: {
    alias: {
      // @指向项目根目录，若需指向src目录可改为path.resolve(__dirname, 'src')
      '@': path.resolve(__dirname)
    }
  }
})

2. 代码中的语法错误 #

helpers/fileA.js里的import语句缺少闭合引号，导致解析失败：

// 错误写法
import fileA from '@/helpers/fileA.js

// 正确写法
import fileA from '@/helpers/fileA.js'

3. 路径匹配验证 #

确认@/helpers/fileA.js对应的实际文件路径是否存在——如果@指向项目根目录，该路径对应根目录下的helpers/fileA.js，若文件位置不符需调整别名或文件路径。

内容的提问来源于stack exchange，提问作者Tadas V.