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属性时报错

看了网上的解决方案（使用[]替代等）都没解决这个报错，好像是编辑器的错误提示问题，该怎么去掉这个？大神请赐教