vue+typescript 引用router上的属性时编辑器报错

rt
shims-vue.d.ts文件声明如下:

import VueRouter, { Route } from "vue-router";
import Vue from "vue";

declare module "*.vue" {
  export default Vue;
}

declare module "vue/types/vue" {
  interface Vue {
    $router: VueRouter;
    $route: Route;
  }
}

tsconfig文件如下:

{
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "strict": true,
    "jsx": "preserve",
    "importHelpers": true,
    "moduleResolution": "node",
    "experimentalDecorators": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "sourceMap": true,
    "baseUrl": ".",
    "types": [
      "webpack-env"
    ],
    "paths": {
      "@*.ts",
    "src*.tsx",
    "src*.vue",
    "tests*.ts",
    "tests*.tsx"
  ],
  "exclude": [
    "node_modules"
  ]
}

在页面中引用$router属性时报错
微信截图_20191223182259.png
看了网上的解决方案(使用[]替代等)都没解决这个报错,好像是编辑器的错误提示问题,该怎么去掉这个?大神请赐教

待解决 悬赏分:40 - 离问题结束还有 505天22小时27分14秒
反对 0举报 0 收藏 0

我来回答

回答2