How to fix vNode

[F-one-1]

I don't quite clear what went wrong

Error

Module parse failed: Unexpected token (36:14)       
File was processed with these loaders:
 * ./node_modules/vue-loader/dist/index.js
You may need an additional loader to handle the result of these loaders.
|             field: column.config.field,
|             vNode: (
>               <el-col
|                 span={ this.getCols(column.config) }
|                 style={ column.config.colStyle } 

my code in the .vue

<script type="text/jsx">
...
getColumns () {
        const columns = this.columns.map(column => {
          return {
            field: column.config.field,
            vNode: (
              <el-col
                span={ this.getCols(column.config) }
                style={ column.config.colStyle }
                class="magic-form-col">
            )
          }
        })
...
</script>

The first issue ，may be an imperfect expression. Hope to be reminded or forgiven

[F-one-1]

When I do not return the node, the error disappears. Is this not supported? Or my syntax error, this is my component code

[Mister-Hope]

vuepress do not have built-in support of jsx. you may need to deal them your self