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就可以正常使用了