沃梦达 / IT编程 / 前端开发 / 正文

vue中定义全局声明vscode插件提示找不到问题解决

这篇文章主要为大家介绍了vue中定义全局声明vscode插件提示找不到问题解决,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

正文

我在学习使用vue3和ts,但是当我写完全局声明文件的时候,在ts文件或者.vue文件使用该类型时都提示没有该类型,为什么?

IiBzcmM9

具体信息:

我在src文件夹下的types文件夹定义全局声明文件:

IiBzcmM9

route.d.ts

import type { RouteRecordRaw } from 'vue-router';
interface amiaRoute extends Omit<RouteRecordRaw, 'meta'> {
  meta: {
    title?: string;
    icon?: string;
  }
}

我的ts配置文件:

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "@/*": [
        "src/*" // 解决vite配置别名,ts不识别的问题
      ]
    }
  },
  "files": [],
  "references": [
    {
      "path": "./tsconfig.node.json"
    },
    {
      "path": "./tsconfig.app.json"
    },
    {
      "path": "./tsconfig.vitest.json"
    }
  ],
  "include": [
    "src/**/*.ts",
    "src/**/*.d.ts",
    "src/**/*.vue",
  ],
  "exclude": ["node_modules", "dist"]
}

以上就是vue中定义全局声明vscode插件提示找不到问题解决的详细内容,更多关于vue全局声明vscode插件找不到的资料请关注编程学习网其它相关文章!

本文标题为:vue中定义全局声明vscode插件提示找不到问题解决