Question

JSX可以在我的Vue.JS项目中完美运行...除非使用打字稿。

我创建了一个Vue.JS项目没有打字稿

vue create test
cd test
npm run serve

我将HelloWorld.vue替换为

<script>
import Vue from 'vue';

export default Vue.extend({
  name: 'HelloWorld',
  render(){return (<p>JSX !</p>)},
});
</script>

运行良好

我制作了另一个项目，但是使用打字稿，再次替换HelloWorld.vue，我得到一个错误

Module parse failed: Unexpected token (4:35)
You may need an appropriate loader to handle this file type.
| export default Vue.extend({
|     name: 'HelloWorld',
>     render: function (h) { return (<p>JSX !</p>); }
| });
|

我已经尝试了在互联网上找到的所有线索：我尝试编写HelloWorld.tsx，配置babel或tsconfig，我尝试创建jsx.d.ts，安装更多软件包，。 ..每当我确切地得到此错误。

有人可以给我一个同时具有JSX和打字稿的Vue.JS项目的神奇秘诀吗？

如何设置Vue.JS以使JSX和TypeScript协同工作

0 个答案: