element ui tree自定义样式报错 Unexpected token

element ui tree自定义样式报错

在ElementUI 2.4.1版本中，使用Tree树形控件中的自定义控件时，运行npm run dev，产生报错信息

Syntax Error: Unexpected token (114:5)

  112 | renderContent(h, { node, data, store }) {
  113 | return (
> 114 |    
      |     ^
  115 |         {node.label}
  116 |    
  117 |    
                this.append(data) }>Append
               

 @ ./resources/assets/js/components/Menu.vue 8:21-360
 @ ./resources/assets/js/routesadmin.js
 @ ./resources/assets/js/admin.js
 @ multi ./resources/assets/js/admin.js

解决方法
1.安装相应依赖

npm install babel-plugin-transform-vue-jsx
npm install babel-helper-vue-jsx-merge-props
npm install babel-plugin-syntax-jsx //添加react语法插件

2.配置插件

在根目录下创建.babelrc文件
加入下面的内容
{
    "plugins": ["transform-vue-jsx"]
}

再运行npm run dev就可以正常使用了