Vite里怎么配置别名让路径不那么乱？
我用 Vite 搭了个 Vue3 项目，导入组件老是写 ../../../components/xxx.vue，看着头大。听说可以配别名，但照着文档改了 vite.config.js 还是报错，说找不到模块。
我试过这样配：
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from 'path'
export default defineConfig({
plugins: [vue()],
resolve: {
alias: {
'@': resolve(__dirname, 'src')
}
}
})
结果在 .vue 文件里写 import Comp from '@/components/Comp.vue' 就报错，说 Cannot find module ‘@/components/Comp.vue’。是不是还缺了啥配置？
- 2
回答
38浏览
Vite+React项目中配置别名后无法导入组件，路径报错怎么办？
在用Vite搭建React项目时，我按文档配置了@别名指向src目录，但导入组件时总提示404错误。比如这样写： // vite.config.js import { defineConfig } f...
- 2
回答
58浏览
Vite项目中配置路径别名后依然报模块找不到错误？
在用Vite搭建新项目时，我按教程配置了路径别名，但导入组件还是报“Cannot find module @/components/MyButton”，折腾了好久没解决。 我的vite.config....
- 2
回答
18浏览
Vite 里怎么自定义 esbuild 的 JSX 配置？
我用 Vite 搭了个 React 项目，想改 esbuild 的 jsxFactory 配置，但不知道在哪配。试过在 vite.config.js 里加 build.esbuild，但好像没生效？ ...
- 2
回答
32浏览
Vite 的 manualChunks 配置怎么让第三方库单独打包？
我在用 Vite 做项目，想把像 lodash、axios 这些第三方库单独打成 vendor 包，但配置了 manualChunks 后发现它们还是被打进 main.js 里了，根本没拆出来。我试过...
- 1
回答
26浏览
Vite库模式打包后入口文件路径不对怎么办？
我在用Vite的库模式打包组件库时遇到了问题，配置了build.lib.name为"my-lib"，但生成的dist文件夹里只有vendor.js，没有预期的main.js入口文件。查看构建日志没报错...
- 1
回答
22浏览
Vite开发时代理请求到后端，但刷新页面后请求地址变成绝对路径怎么办？
我在用Vite搭建React项目时配置了代理，开发环境访问/api/*都会代理到localhost:3000。但当我直接访问带有路由参数的页面（比如/user/123），刷新后发起的请求变成了http...
- 2
回答
48浏览
迁移Vite到4.x后react插件配置报错怎么办？
今天升级Vite到4.x后，react插件配置突然报错了。之前用vite-plugin-react时这样写的： import react from '@vitejs/plugin-react' exp...
- 1
回答
35浏览
Vite配置Library模式打包后导出的文件无法被其他项目引入怎么办？
我在用Vite的Library模式打包一个工具库时遇到问题，按照文档配置了library选项，但打包生成的umd文件在另一个项目里引入时一直报错：Uncaught TypeError: Cannot ...
- 2
回答
60浏览
Vite的manualChunks配置后组件还是单独打包怎么办？
我在用Vite开发React项目时，想通过manualChunks把四个公共组件打包到同一个chunk里，但配置后每个组件还是单独生成了文件... 项目结构是这样的，四个组件分布在不同页面： // v...
- 1
回答
37浏览
Vite 打包后 HTML 中的静态资源路径为什么不对？
我用 Vite 构建项目后，发现生成的 index.html 里引用的 JS 和 CSS 文件路径是相对路径，部署到子目录时就加载不到了。明明配置了 base 路径，但好像没生效？ 比如我的项目部署在...
Vite 的 alias 解决了打包时的路径解析，但 TypeScript 不认识这个别名。你需要在 tsconfig.json 里也配一下：
这样 TS 就知道 @ 指向哪了。
如果你是用 JS 而不是 TS，那问题可能在别的地方。检查一下：
1. 你的 src 目录是不是真的叫 src？大小写对不对？
2. components 目录是不是放在 src 下面？
还有个小坑，Vite 默认不会自动补 .vue 后缀，有时候会找不到文件。你可以改成这样：
extensions 加上去基本就能正常工作了。
另外提醒一下，VSCode 可能会缓存旧的 tsconfig，配置改完记得重启一下编辑器，不然它还是识别不了。