2021-05-07

 

vscode工具配合vite+ts+vue3.0配置别名报错

开发工具报错,找不到此模块

---

问题描述：

开发工具报错,找不到此模块

---

原因分析：没有对tsconfig.json 进行配置

---

解决方案：

vite.config.ts文件:

  resolve: {

    alias: {

      "_src": resolve(__dirname, "./src"), 

      "_api": resolve(__dirname, "./src/api")

    },

  },

 

 

tsconfig.json文件:

{

  "compilerOptions": {

    "target": "esnext",

    "module": "esnext",

    "moduleResolution": "node",

    "strict": false,

    "jsx": "preserve",

    "sourceMap": true,

    "resolveJsonModule": true,

    "esModuleInterop": true,

    "lib": ["esnext", "dom"],

    "types": ["vite/client"],

 

 

//此处新增对应vite.config.ts的配置路径

    // ++ 这里加上baseUrl 和 path即可 ++

    "baseUrl": "./",

    "paths": {

    // 根据别名配置相关路径

      "_src/*": ["./src/*"], 

      "_api/*": ["./src/api/*"]

    }

 

 

 

  },

  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]

}