- 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"]
}
网友评论