账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    rollup + tsx 打包的 vue3 组件在 vue-cli 中使用报错
    2
    0
    用 vue3 + tsx + rollup 打包了一个 markdown 编辑器,打包后在 vite-example 中使用正常,但是在 vue-cli 创建的 example 中使用时获取不到元素实体 ref,用的插件是 @vue/babel-plugin-jsx 。项目地址在目录下运行$ npm install$ npm run start之后进入 example 文件夹$ npm install$ npm run serve即可重现。并且使用时甚至 onMounted 都会提示警告[Vue warn]: Missing ref owner context. ref cannot be used on hoisted vnodes. A vnode with ref must be created inside the render function. at <VueNextMEditor modelValue="# hello world" onUpdate:modelValue=fn > at <App>代码具体体现setup () { const mTextareaRef = ref<HTMLTextAreaElement>() onMounted(() => { console.log('onMounted') console.log('mTextareaRef', mTextareaRef.value) }) return () => ( <div> ... <textarea ... ref={mTextareaRef} > </div> )}在 vite-example 中,开发环境可以正常使用,但是打包后也会提示获取不到 ref,是不是少装解析插件了
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    更多回答