526互联

TS - ts 项目中，在 Vite 中配置了路径别名还是提示模块未找到

发布时间 2023-08-30 16:56:35作者: Himmelbleu

光在 Vite 中配置还不行，启动项目之后运行不会报错，正常导入模块。

export default defineConfig(({ command, mode }) => {
  return {
    resolve: {
      lit:[alias: {
        "@root": path.resolve(__dirname, "src"),
        "@admin": path.resolve(__dirname, "src/projects/admin"),
        "@client": path.resolve(__dirname, "src/projects/client")
      }]:lit
    }
  };
});

如果不配置 tsconfig.json 文件，VSCode 这些编辑器（IDE）会提示你错误，爆红，非常影响开发。tsconfig.json 文件中配置 paths 时注意那个星号 *。

{
  "compilerOptions": {
    "baseUrl": ".",
    lit:["paths": { "@admin/*": ["src/projects/admin/*"], "@client/*": ["src/projects/client/*"], "@root/*": ["src/*"] }]:lit
  }
}