"vite": "^5.1.4"

resolve.alias：配置别名

1、执行npm install -D @types/node 或者 yarn add @types/node -D

2、以下配置代表访问src时可以用“@”代替

  resolve: {
    alias: {
      "@": path.resolve(__dirname, "./src"),
    },
  },

使用方式如下：

页面可以正常访问，但是代码提示错误（找不到模块“@/views/Welcome.tsx”或其相应的类型声明。ts(2307)），需要在tsconfig.json中添加配置

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

vite中的配置只是在编译的时候不报错，tsconfig配置是辅助开发项目的，可以让我们正确的查找页面的路径地址，实现跳转。