vue引入ts报找不到模块或其相应的类型声明

发布时间 2023-12-20 17:13:59作者: 奔跑的哈密瓜

我出现这个的原因是我配置了‘@/’的路径别名配置,然后在引入ts报了这个问题。

主要原因为:在查找ts文件的时候,路径出现了问题。

解决方法(主要是第二点,第一点单纯记录了我配置的别名路径)

1.vite.config.ts进行了'@/'的别名配置

  resolve: {
    // 路径别名配置
    alias: {
      '@': path.resolve('./src')
    }
  },

2.tsconfig.json进行path配置

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "@/*": [
        "src/*"
      ]
    }
  },
  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
}

注意,如果你在paths中配置"src/*"的时候给你报了警告,那么就把"baseUrl": "./",加上即可。