使用vite+ts创建vue项目中常见的问题

81 阅读1分钟

一、使用vite+ts创建vue项目中常见的问题

image.png

这个问题的解决方法:在compilerOptions对象中添加两个属性。 这是链接vite搭建ts提示找不到模块“vue-router”,tsconfig.app.json报错 - 掘金 (juejin.cn)

代码如下:

"compilerOptions": {
    "composite": true,
    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"]
    }
  }

image.png

解决方法如下:将Bundler改成node就可以了

"compilerOptions": {
    "composite": true,
    "noEmit": true,
    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",

    "module": "ESNext",
    "moduleResolution": "node",
    "types": ["node"]
  }