VSCode не распознает элемент <переход>

По какой-то причине мой VSCode выделил элемент перехода красным цветом, что, как я понимаю, означает, что он не распознает этот элемент. Я не совсем уверен, что здесь происходит. И код также не работает в том смысле, что при нажатии кнопки нет перехода или даже каких-либо изменений. Спасибо за вашу помощь!

<!--Vuejs CDN-->
<script src = "https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>

<title>Hello, world!</title>   </head>   <body>
<div id='app'>
  <button v-on:click='showThis = !showThis'>Swap</button>
  <transition name='fade'>
    <p v-if='showThis'>Then showThis is true!</p>
  </transition>
</div>

<!-- Vuejs -->
<script>
  new Vue({
    el:'#app',
    data:{
      showThis:true
    }
  })
</script>

<style>
.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}
.fade-enter, .fade-leave-to {
  opacity: 0;
}
</style>

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src = "https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity = "sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"

crossorigin = "anonymous">

Обратите внимание, что у меня есть один файл с именем index.html и что над и под ним есть небольшой фрагмент кода. Также элемент body был сдвинут в приведенном выше коде, но он есть.

cozimo 23.08.2018 08:10

Я на всякий случай добавил его в репозиторий github: github.com/Taikon/prac5/blob/master/prac5%20transitions.html‌. Я также изменил настройки пользователя согласно Debadatta. Теперь он работает в браузере, но элемент перехода по какой-то причине по-прежнему выделен красным в VSCode и Github.

cozimo 23.08.2018 20:36
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
2
199
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Я считаю, что это ваш тег, это просто закрывающий тег. Попробуйте создать пару открытия и закрытия <head></head>.

Ответ принят как подходящий

Просто проверьте, добавив следующие строки в пользовательских настройках. Файлы-> Настройки-> Настройки-> Пользовательские настройки

"editor.formatOnSave": true, "eslint.validate": [ "javascript", "javascriptreact", "vue" ]

Также очень вероятно, что это исправит.

Jacob 23.08.2018 08:15

Я на всякий случай добавил его в репозиторий github: github.com/Taikon/prac5/blob/master/prac5%20transitions.html‌. Я также изменил пользовательские настройки. Теперь он работает в браузере, но элемент перехода по какой-то причине по-прежнему выделен красным в VSCode и Github. Большое спасибо за устранение неполадок! Понятия не имею, как вы знаете, что исправить.

cozimo 23.08.2018 18:22

Другие вопросы по теме