未知 HTML 标记 router-view

Question

在IntelliJ IDEA中使用router-view标签时，有警告：未知 HTML 标记 router-view
不过router功能可以正常使用。
问：有强迫症，怎么从根源上消除警告？
附：依赖

  "dependencies": {
    "axios": "0.21.1",
    "element-ui": "^2.15.14",
    "vue": "^2.5.2",
    "vue-hot-reload-api": "^2.3.4",
    "vue-router": "^3.6.5",
    "vuex": "^3.1.0"
  },

Answer 1

【以下回答由 GPT 生成】

问题的原因是因为IntelliJ IDEA无法识别router-view标签，该标签属于Vue Router库的一部分。但是这并不会影响路由功能的正常使用。

要消除这个警告，你可以增加一个Vue Router声明文件，让IDE能够正确识别和解析router-view标签。

首先，你需要创建一个文件命名为vue-router.d.ts，并将以下代码复制到文件中：

declare module 'vue-router' {
  import { Component } from 'vue'

  // 声明 router-link 组件
  export const RouterLink: Component

  // 声明 router-view 组件
  export const RouterView: Component
}

保存文件后，将其放置在项目的根目录下或者任意一个你希望的位置。

接下来，你需要在你的tsconfig.json文件中添加一个类型声明文件的路径。如果你的项目中没有该文件，你需要创建一个。在tsconfig.json中增加以下代码：

{
  "compilerOptions": {
    "types": ["./vue-router.d.ts"]
  }
}

确保替换文件路径为你刚才创建的vue-router.d.ts文件的位置。

这样做后，保存文件并重新启动IDE。警告应该会消失，IntelliJ IDEA能够正确识别和解析router-view标签。

希望这个解决方案能够帮助到你解决这个问题。如果还有其他问题，请随时提问。

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^