Как решить проблему «Соседние элементы JSX должны быть заключены в тег» в Vue.js

Question

Я запускаю проект Vue.js в WebStorm. По какой-то причине я получаю эту ошибку ESLint:

ESLint: ошибка синтаксического анализа: смежные элементы JSX должны быть заключены в тег *

для следующего кода:

<template>
    <div>

    </div>

</template>

<script>

Как вы можете видеть на скриншоте, это происходит с открывающим тегом <script>.

В проектах React есть повторяющиеся вопросы, но их ответы не относятся к моему проекту Vue.

Может кто-нибудь помочь, пожалуйста? Буду очень признателен за любую помощь.

Вот мой .eslintrc.js:

module.exports = {
    "extends": ["vue", "standard"],
    "plugins": [
      "import",
      "vue"
    ],
};

Answer 1

Добавление 'plugin:vue/recommended' к .eslintrc.js решило мою проблему. Теперь мой .eslintrc.js выглядит так:

module.exports = {
    "extends": ["vue", "standard", "plugin:vue/recommended"],
    "plugins": ["import", "vue"],
};