webpack 打包 lerna管理的vue 项目时提示不支持jsx
使用lerna打包vue项目,提示Support for the experimental syntax 'jsx' isn't currently enabled (7:10):
import { defineComponent } from '@vue/composition-api'
export default defineComponent({
render() {
return (
<div>app</div>
)
}
})
项目结构如下:
以上代码在src目录中可以正常打包,但是在lerna管理的 packages 中就会打包失败,在 <div>app</div>
提示不支持jsx;如果不使用render函数,都可以正常打包
项目根目录下配置有.babelrc, 使用babel 7.x和 webpack5
{
"plugins": [
"@babel/syntax-dynamic-import"
],
"presets": [
[
"@babel/preset-env",
{
"modules": false
}
],
[
"@vue/babel-preset-jsx",
{
"compositionAPI": true
}
]
]
}
大佬们帮忙看下哪里配置错了~
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论