【vue】 eslint-- Parsing error: Adjacent JSX elements must be wrapped in an enclosing tag

逆风飞翔的代码单身狗

于 2020-07-26 16:13:02 发布

阅读量1.9k

点赞数

分类专栏： vue nodejs 文章标签： vue

本文链接：https://blog.youkuaiyun.com/weixin_41530639/article/details/107595106

版权

vue 同时被 2 个专栏收录

24 篇文章

订阅专栏

nodejs

8 篇文章

订阅专栏

在Vue项目中遇到ESLint错误，提示相邻的JSX元素必须被包含在一个包围标签内。解决方案通常涉及到修改源代码，确保所有JSX元素都正确包裹。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

.eslintrc.js

module.exports = {
  root: true,
  env: {
    node: true
  },
  extends: [
    'plugin:vue/essential',
    '@vue/standard'
  ],
  parserOptions: {
    parser: 'babel-eslint'
  },
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'space-before-function-paren': 0
  }
}

root：true  
// 如果在前两步发现有root：true的配置，停止在父级目录中寻找.eslintrc

env :

  // 指定环境，每个环境都有自己预定义的全局变量，可以同时指定多个环境，不矛盾
parser:

  // 指定解析器，parser解析代码时的参数
 
plugins:

// 引用的第三方插件

rules:

  // 自定义规则