我在运行Vue.WebStorm中的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"
    ],
};

推荐答案

再加上'plugin:vue/recommended'.eslintrc.js解决了我的问题.

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

Vue.js相关问答推荐

具有VUE身份验证的Azure AD

在VITE-VUE APP-DEV模式上重定向HTTP请求

Nuxt 3 I18N浏览器检测不起作用

如何以惯用的方式触发 vue3 中同级组件的效果?

Nuxt3-Vue中的useRoute和useRouter有什么区别

v-for 内部的组件

Vuetify Datatable - 在所有列上启用内容编辑

为什么组件在 v-if 下没有被销毁

在 Vue 中,如何使用 npm run build 将 .htaccess 包含到生产环境中?

如何为使用 Vuex store的 Vue 表单组件编写 Jest 单元测试?

Vue3在'vue-router'中找不到导出'createWebHistory,createRouter'

在组件的样式部分使用 Vue 变量

如何为 Vue 项目设置 lint-staged?

将数据传递给另一条路由上的组件

在Vue.js中从父组件执行子方法

我可以修改 Vue.js VNodes 吗?

如何在 vuetify 中将工具提示添加到数据表标题?

样式化 Vue 插槽

mount() 仅在组件 Vue.js 上运行一次

在 Vue 中使用事件修饰符 .prevent 提交表单而不进行重定向