时间戳

首页 > 解决方案 > [Vue 警告]：未知的自定义元素：（带插件：vue/推荐的 eslint 规则）

vue.js - [Vue 警告]：未知的自定义元素：（带插件：vue/推荐的 eslint 规则）

问题描述

我最近开始使用plugin:vue/recommendedeslint 插件检查我的 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?

我（想我）确实更喜欢帕斯卡大小写的名字；我该如何解决这个问题？

标签： vue.jsvue-routereslint

解决方案

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

包.json

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

可以在install.js文件中看到差异...

版本 3.0.1（及之前）具有...

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

而版本 3.0.2将其更改为

Vue.component('RouterView', View)

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

从v3.0.2 发行说明...

RouterLink 和 RouterView 现在可以在 PascalCase 中使用 ( #1842 )

推荐阅读