Cuando escribo tsx en @vue/composition-api setup(){}, al igual que
<script lang="tsx"> import { defineComponent,} from '@vue/composition-api'; export defineComponent({ setup() { const foo = { bar: 1 baz: render() {return (<div>fooo</div>)} } return { foo } } }) </scirpt>Luego me advierte que 'Vue warn]: Error in data(): "TypeError: Cannot read properties of undefined (reading '$createElement')"'
Veo que en el código compilado hay un ' const h = this.$createElement' inyecta la función 'setup'. al igual que
setup(){ const h = this.$createElement const foo = { bar: 1 baz: render() {return h('div', 'fooo')} } }Debido a que no hay 'esto' en la función de configuración, se produce el error.
Pero, ¿cómo puedo solucionar este problema? Sé que eliminar el tsx fuera de la función de configuración funcionará. Pero no quiero hacer eso.
(Yo uso vue-cli)
encuentro la respuesta Debería usar pugin '@vue/babel-preset-jsx' y establecer 'compositionAPI: true'.