vite配置别名，tsconfig提示：找不到模块“xxx”或其相应的类型声明。

最新推荐文章于 2025-03-21 16:47:02 发布

jiaojsun

最新推荐文章于 2025-03-21 16:47:02 发布

阅读量1.3k

点赞数

文章标签：前端 javascript 开发语言

原文链接：https://blog.csdn.net/qq_42830736/article/details/127367233

版权

配置tsconfig.json文件以解决Vite项目中使用别名后出现的TypeScript模块找不到的问题，主要涉及baseUrl和paths属性设置，如“pinia”模块的路径映射。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2、配置tsconfig.json文件

通过 步骤1 设置完别名之后，ts 的解析会出现问题，如下图：

直接看这个vite配置别名，tsconfig提示：找不到模块“xxx”或其相应的类型声明。_找不到模块“pinia”或其相应的类型声明_生命1昊的博客-CSDN博客

1、配置 `vite.config.ts` ，修改文件别名

2.需要配置 tsconfig.json，设置 baseUrl 和 paths 属性。

-- tsconfig.json --

{
  "compilerOptions": {
    "target": "ESNext",
    "useDefineForClassFields": true,
    "module": "ESNext",
    "moduleResolution": "Node",
    "strict": true,
    "jsx": "preserve",
    "sourceMap": true,
    "resolveJsonModule": true,
    "isolatedModules": true,
    "esModuleInterop": true,
    "lib": ["ESNext", "DOM"],
    "skipLibCheck": true,
    "baseUrl": ".",
    "paths": {
      "@/*":["src/*"],
      "components":["src/components/*"],
      "_pinia/*":["src/pinia/*"]
    }
  },
  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
  "references": [{ "path": "./tsconfig.node.json" }]
}