element-ui升级到2.7.0以上出现的问题

element-ui升级到2.7.0以后需要添加对jsx语法的支持,否则会报一下错误:

error  in ./~/.2.11.1@element-ui/packages/form/src/label-wrap.vue
Syntax Error: Unexpected token (23:14)
  21 |         }
  22 |       }
> 23 |       return (<div class="el-form-item__label-wrap" style={style}>
     |               ^
  24 |         { slots }
  25 |       </div>);
  26 |     } else {
 @ ./~/.2.11.1@element-ui/packages/form/src/label-wrap.vue 4:2-108

解决方案:添加对jsx语法的支持

  1. 安装jsx依赖
cnpm install  babel-plugin-syntax-jsx  babel-plugin-transform-vue-jsx  babel-helper-vue-jsx-merge-props  babel-preset-env  --save-dev
  1. 在.babelrc中添加对jsx插件的配置
{
  ...
  "plugins": ["transform-vue-jsx", ...]
  ...
}

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • babel官网 babel 介绍 Babel 是一个通用的多用途 JavaScript 编译器。通过 Babel ...
    锋享前端阅读 1,920评论 0 10
  • 因为要结局swift3.0中引用snapKit的问题,看到一篇介绍Xcode8,swift3变化的文章,觉得很详细...
    uniapp阅读 4,859评论 0 12
  • 本文为2016年11月9日,『前端之巅』微信群在线分享活动总结整理而成,转载请在文章开头处注明来自『前端之巅』公众...
    尾尾阅读 10,870评论 3 32
  • 3. JSX JSX是对JavaScript语言的一个扩展语法, 用于生产React“元素”,建议在描述UI的时候...
    pixels阅读 2,971评论 0 24
  • 姓名:王蕊 单位:大连合善商贸有限公司 六项精进:477期学员(乐观二组) 519期反省二组志工(上...
    蕊姨在AIRIQI阅读 263评论 0 0

友情链接更多精彩内容