gloriasoft/veaury

vite+vue3+ts作为基础,加入reaact, react的tsx组件报错且无法正常渲染改为jsx可以正常展示,请问是有啥东西少配置了吗

Closed this issue · 3 comments

"react": "^18.3.1", "react-dom": "^18.3.1", "veaury": "^2.4.1", "vue": "^3.4.29",
微信截图_20240709170640
微信截图_20240709170523
微信截图_20240709170538
微信截图_20240709170615

@PengGangGui
这个问题的根因是因为vue3+vite+ts项目中的tsconfig.json中引用了vue的一些特殊配置,将jsxImportSource的值改成了vue,导致vite中的react插件的jsxImportSource的值也被修改。

快速解决方案是对vite.config.ts中的veaury插件多加一个配置,如下:

plugins: [
    veauryVitePlugins({
      type: 'vue',
      reactOptions: {
        jsxImportSource: 'react'
      },
    })
  ],

长期解决方案是veaury会弥补这个问题,预期再2.4.2版本修复

@PengGangGui 2.4.2已发布

感谢