vue.js - 如何解决Vue.js中的 "Adjacent JSX elements must be wrapped in an enclosing tag"问题

Question

我正在WebStorm中运行一个Vue.js项目。由于某种原因，我收到此ESLint错误:

ESLint: Parsing error: Adjacent JSX elements must be wrapped in an enclosing tag

对于以下代码:

<template>
    <div>

    </div>

</template>

<script>

如您在屏幕快照中所见，这发生在 <script>开头标签上。

关于React项目有重复的问题，但是他们的答案不适用于我的Vue项目。

谁能帮忙吗？任何帮助将不胜感激。

这是我的.eslintrc.js:

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

Answer 1

在.eslintrc.js中添加'plugin:vue/recommended'解决了我的问题。
现在，我的.eslintrc.js如下所示:

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