自学前端第一天 : Vue3Vite配置路径别名引用时没有路径提示解决方法

首先在vite.config.js中配置别名

export default defineConfig({
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src'),
      assets: '@/assets',
      utils: '@/utils',
      api: '@/api'
    },
    "paths": {
      "@/*": [
          "src/*"
      ]
  },
  },
})

然后在和src平级处增加新文件jsconfig.json内容如下(如果是ts需要新建tsconfig.json)

{
  "compilerOptions": {
    "experimentalDecorators": true,
    "baseUrl": "./",
    "paths": {
      "@/*": [
        "src/*"
      ],
    }
  },
  "exclude": [
    "node_modules",
    "dist"
  ]
}

最后记得重启一下项目就好了