В <template> есть два элемента, когда я создаю новый проект Vue3, и мое предупреждение VScode
Ребята, я перехожу с vue2 на vue3.
Насколько я знаю, в vue2 нельзя поставить более одного элемента в <template></template>
Но когда я создаю новый проект Vue3, вы можете увидеть код на этой картинке. Это сделал автор.
Можно ли поместить два элемента в <template></template> в vue3?
Если это так, почему мой VScode предупреждает о четвертой строке?
Э... терминал ничего не сказал, просто красная линия под ним, обычно я знаю, что это сообщение об ошибке синтаксиса
Не в выводе терминала. Наведите на него курсор или проверьте вкладку проблем (palette: >Problems: Focus on problems View).
Ответы 1
Происхождение проблемы в большинстве случаев: Vetur
Я часто вижу эту проблему в последнее время. Решение всегда было одним и тем же: удалите Vetur и установите вместо него Volar, это новое рекомендуемое расширение для Vue 3.
Как видите, Vue 3 больше не требует одного корневого узла для компонентов, поэтому у вас есть какое-то расширение, которое его не обнаруживает. У Vetur были проблемы с адаптацией к Vue 3. Возможно, у вас есть версия, настроенная для Vue 2. В любом случае, я рекомендую вам Volar.
Если у вас проблема с eslint или другим линтерном
Найдите это конкретное правило плагина vue в конфигурационном файле .eslintrc или package.json:
rules: {
...,
"vue/no-multiple-template-root": "off"
}
В чем ошибка то?
@kissu Возможно, это версия Vetur для Vue 2, и она плохо определяет сегментацию (для многокорневых элементов)
Хорошо, я никогда не сталкивался с этой проблемой, пока все еще выполняю оба проекта для всех своих проектов Vue2 + 3. Может зависит от конфигурации.
Лучше исправить, чем просто игнорировать ИМО.
@kissu Я согласен. Вероятно, это проблема конфигурации. В любом случае я бы не рекомендовал иметь дело с прекращенными расширениями.
Хм, я не уверен, что Vetur можно назвать снятым с производства. Есть еще кое-что, что нужно выяснить/исправить относительно Volar. Я пока не совсем в него влюблен, вероятно, скоро появится, но Vetur по-прежнему полностью жизнеспособн, особенно если смотреть на все проекты, все еще использующие Vue2.
@kissu Ты прав, я выбрал не те слова. Снят с производства — не то слово, если на нем все еще есть активные разработчики. Он просто перестал быть официально рекомендованным.
Какова фактическая ошибка, если вы наведете на нее курсор? Или открыть вкладку
problems(внизу слева)?