[Vue警告]：未知的自定义元素：<routerview>（带有plugin：vue /推荐的eslint规则）

Question

我最近开始使用plugin:vue/recommended eslint插件来整理我的Vue CLI 3项目。

其中一个规则是vue/component-name-in-template-casing，默认规则是PascalCase，但是将<router-view />自动修复为<RouterView />时，我会遇到运行时错误：

[Vue warn]: Unknown custom element: <RouterView> - did you register the component correctly?

我（认为我）更喜欢用帕斯卡大小写的名字；我该如何解决？

Answer 1

您需要使用vue-router v3.0.2 +。

package.json

"dependencies": {
  "vue-router": "^3.0.2"
}

---

可以在install.js文件中看到区别...

Version 3.0.1（及之前）具有...

Vue.component('router-view', View)

version 3.0.2更改为

Vue.component('RouterView', View)

旧格式的问题在于它仅显式注册<router-view>组件，而最新版本则可以在模板中处理kebab或Pascal大小写的组件名称。

---

从v3.0.2 release notes ...

  

RouterLink和RouterView现在可以在PascalCase（#1842）中使用