如何解决Vue.js中的“相邻JSX元素必须包装在封闭标签中”的问题

时间:2019-01-11 04:14:51

标签: vue.js webstorm eslint

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

  

ESLint:解析错误:相邻的JSX元素必须包装在一个封闭的标记中

对于以下代码:

<template>
    <div>

    </div>

</template>

<script>

enter image description here

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

React项目中存在重复的问题,但它们的答案不适用于我的Vue项目。

有人可以帮忙吗?任何帮助将不胜感激。

这是我的.eslintrc.js:

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

1 个答案:

答案 0 :(得分:1)

在.eslintrc.js中添加RSA_public_encrypt解决了我的问题。 现在我的.eslintrc.js看起来像这样:

strlen