美文网首页
element-ui升级到2.7.0以上出现的问题

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

作者: 承诺一时的华丽 | 来源:发表于2020-04-20 22:07 被阅读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语法的支持

    安装jsx依赖

    cnpm install  babel-plugin-syntax-jsx  babel-plugin-transform-vue-jsx  babel-helper-vue-jsx-merge-props  babel-preset-env  --save-dev
    

    .babelrc中添加对jsx插件的配置,如果没有此文件就新建,内容如下:

    {
        "plugins": ["transform-vue-jsx"]
    }
    

    相关文章

      网友评论

          本文标题:element-ui升级到2.7.0以上出现的问题

          本文链接:https://www.haomeiwen.com/subject/rzusihtx.html