vue怎么用react组件(2)-木庄网络博客

2022-04-18 20:15:44 PHP中文网 JavaScript 百度已收录

不难发现，这是vue项目中未jsx文件格式的问题所导致

解决办法：

编辑webpack.base.conf.js，加入对jsx的支持

test: /\.(js|jsx)(\?.*)?$/

这个时候第二个问题出现了：

原因：

.babelrc文件中默认引入了transform-vue-jsx，此插件将jsx转义成h function的形式供vue调用。

解决办法：

1	`npm install --save-dev babel-plugin-transform-react-jsx`

并且在.babelrc文件中

用transform-react-jsx替换transform-vue-jsx

相关免费学习推荐：JavaScript（视频）

以上就是vue怎么用react组件的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

更多相关阅读请进入《vue》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者