无法在vue2.7的setup中使用jsx about jsx-vue2

[wehuss]

具体要用哪个版本呀

vue2.7中直接用最新版即可。
但如果在babel中使用了@vue/cli-plugin-babel/preset且@vue/cli-plugin-babel版本低于小于5.0.8的话则需要将@vue/cli-plugin-babel/preset配置中的jsx选项关闭

[emosheeep]

具体要用哪个版本呀

vue2.7中直接用最新版即可。 但如果在babel中使用了@vue/cli-plugin-babel/preset且@vue/cli-plugin-babel版本低于小于5.0.8的话则需要将@vue/cli-plugin-babel/preset配置中的jsx选项关闭

绝了，确实是这样，然后我们工作环境在pnpm的monorepo中，即便更新@vue/cli-plugin-babel插件到5.0.8版本可能
也会有些奇怪的问题，索性像你这样，自己安装@vue/babel-preset-jsx到1.3.1然后手动配置compositionAPI。谢了老哥。

[kunl]

@1446445040 我这是 vite 开发， cli 打包。明天我再试试吧。

 "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1",
   "@vue/babel-preset-jsx": "^1.3.1",  
   "@vitejs/plugin-vue2": "^1.1.2",
   "@vue/cli-plugin-babel": "^5.0.8",

presets: [
   ['@vue/cli-plugin-babel/preset', { jsx: false }],
   ['@vue/babel-preset-jsx', { compositionAPI: true }]
 ],

并没有解决啊

我们的问题不一样，你这个是另外的问题了，话说你都用vite了，还用啥babel，直接用@vitejs/plugin-vue2-jsx就可以了哇

[wehuss]

暂时先这样解决了

[jetBn]

能获取到ref 吗？

[jetBn]

使用了jsx setup 中返回元素 使用ref获取 不到dom啥原因？

[wehuss]

@vue/cli-plugin-babel版本问题

[emosheeep]

具体要用哪个版本呀

[agileago]

为啥关闭issue了？有同样问题

[wehuss]

为啥关闭issue了？有同样问题

看我上面的回复

[kunl]

   "vite": "^3.0.0"
 "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1",
   "@vue/babel-preset-jsx": "^1.3.1",  
   "@vitejs/plugin-vue2": "^1.1.2",
   "@vue/cli-plugin-babel": "^5.0.8",

presets: [
   ['@vue/cli-plugin-babel/preset', { jsx: false }],
   ['@vue/babel-preset-jsx', { compositionAPI: true }]
 ],

并没有解决啊

[emosheeep]

 "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1",
   "@vue/babel-preset-jsx": "^1.3.1",  
   "@vitejs/plugin-vue2": "^1.1.2",
   "@vue/cli-plugin-babel": "^5.0.8",

presets: [
   ['@vue/cli-plugin-babel/preset', { jsx: false }],
   ['@vue/babel-preset-jsx', { compositionAPI: true }]
 ],

并没有解决啊

我们的问题不一样，你这个是另外的问题了，话说你都用vite了，还用啥babel，直接用@vitejs/plugin-vue2-jsx就可以了哇

[xiangtaot]

@1446445040 我这是vite开发，cli打包。明天我再试吧。

 "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1",
   "@vue/babel-preset-jsx": "^1.3.1",  
   "@vitejs/plugin-vue2": "^1.1.2",
   "@vue/cli-plugin-babel": "^5.0.8",

presets: [
   ['@vue/cli-plugin-babel/preset', { jsx: false }],
   ['@vue/babel-preset-jsx', { compositionAPI: true }]
 ],

并没有解决办法啊

我们的问题不一样，你这个是另外的问题了，说你都用vite了，还用啥babel，直接接用@vitejs/plugin-vue2-jsx就可以了哇

   "vite": "^3.0.0"
 "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1",
   "@vue/babel-preset-jsx": "^1.3.1",  
   "@vitejs/plugin-vue2": "^1.1.2",
   "@vue/cli-plugin-babel": "^5.0.8",

presets: [
   ['@vue/cli-plugin-babel/preset', { jsx: false }],
   ['@vue/babel-preset-jsx', { compositionAPI: true }]
 ],

并没有解决办法啊vite不是有专门解析jsx的插件@vitejs/plugin-vue-jsx

[Dinert]

看一下这个能不能帮到你们：https://juejin.cn/post/7342420969875210291