使用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
}
]
]
}
大佬们帮忙看下哪里配置错了~