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

最新推荐文章于 2025-04-22 23:05:36 发布

前端开心果

最新推荐文章于 2025-04-22 23:05:36 发布

阅读量1.8w

点赞数 9

分类专栏： vue3 文章标签： vue.js vite

本文链接：https://blog.csdn.net/qq_38157825/article/details/125148577

版权

vue3 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了在Vite项目中遇到的未配置@符号别名导致的错误，提供了详细的解决方案。首先，需要通过npm安装`@types/node`模块。接着，修改`vite.config.js`文件，引入`path`模块并设置别名，将`@`映射到`src`目录。完成配置后，重新运行项目，使用`npm run dev`启动，问题即可得到解决。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

报错截图：
在这里插入图片描述
报错原因：未配置@符号为指定路径别名，导致直接使用导致

解决方案：

先安装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')
    }
  }
})