[Vue warn]: неизвестный пользовательский элемент: <RouterView>(с плагином: vue / рекомендуемые правила eslint) - PullRequest
0 голосов
/ 12 декабря 2018

Я недавно начал связывать свой проект Vue CLI 3 с помощью плагина plugin:vue/recommended eslint.

Одним из правил является vue/component-name-in-template-casing, по умолчанию используется PascalCase, но когда <router-view /> автоматически фиксируется на <RouterView />Я получаю сообщение об ошибке во время выполнения:

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

Мне (кажется, мне) нравятся имена в паскалях;как я могу решить это?

1 Ответ

0 голосов
/ 12 декабря 2018

Вам необходимо использовать vue-router v3.0.2 +.

package.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>, тогда как последняя версия может обрабатывать имена компонентов, включенных в кебаб или Pascal, в ваших шаблонах.


Из примечаний к выпуску v3.0.2 ...

Теперь RouterLink и RouterView можно использовать в PascalCase ( # 1842 )

...