无法在导入语句中使用 Vite 别名导航到 Vue 组件定义

Question

如果我点击

中的

Component

import Component from '@/components/Component.vue';

然后尝试去定义，当我们使用vite别名时就不行了。

寻找可能的解决方案。

Answer 1

如果你在初始化Vue后安装Vite，则必须设置别名才能使用

@

。

import path from 'path';
export default defineConfig({
    plugins:[...],
    resolve:{
        '@': path.resolve(__dirname,'./src')
    },
})

并检查 tsconfig.json，以防您使用 TypeScript。

   "paths":{
      "@/*": [
        "./src/*"
      ]
   }

四个您的参考，

src

可以改变您环境中的任何路径。