1***@163.com
1***@163.com
  • 发布:2025-11-24 13:48
  • 更新:2025-11-24 13:48
  • 阅读:16

【报Bug】vue3之后在nvue中使用原生插件打包自定义基座会出现 resolution via compilerOptions.isCustomElement.导致自定义事件无法触发

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号:

HBuilderX类型: 正式

HBuilderX版本号: 4.85

手机系统: Android

手机系统版本号: Android 11

手机厂商: 小米

手机机型: redmi k50pro

页面类型: nvue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<template> <view style="flex:1;background-color: #0A98D5;"> <button type="default" @click="play">play</button> <button type="default" @click="pause">pause</button> <button type="default" @click="sendGift">sendGift</button> <sn-svga-view ref="svga" :autoPlay="true" :dynamicTexts="dTexts" @load="load" @finish="finish" :loopCount="1" clearsAfterStop="false" style="flex:1;background-color: red;" :source="source" /> </view>
</template>

<script>
export default {
data() {
return {
// source: '/static/rose_2.0.0.svga',
source: '',
// source: 'https://snice.oss-cn-hangzhou.aliyuncs.com/svga/posche.svga',
dTexts: {}
};
},
methods: {
play() {
this.source = '/static/image/gift/520.svga';
this.$refs.svga.play();
},
pause() {
this.$refs.svga.pause();
},
load(e) {
console.log(e);
console.log(this.$refs.svga);
uni.showToast({
icon: 'none',
title: JSON.stringify(e.detail)
});
},
sendGift() {
//this.$refs.svga.stop();
this.source = '';
this.$nextTick(() => {
this.source = '/static/image/gift/666.svga';
});
},
finish(e) {
uni.showToast({
icon: 'none',
title: JSON.stringify(e.detail)
});
}
}
};
</script>

<style></style>

操作步骤:

使用vue3+vite创建的脚手架项目,打包app使用自定义基座来调试,报警告[Vue warn]: Failed to resolve component: sn-svga-view,自定义事件无法触发

预期结果:

没有警告,自定义事件正常触发

实际结果:

报警告,自定义事件无法触发

bug描述:

在使用脚手架创建的vue3+vite项目中,使用原生的自定义组件没有效果,自定义事件无法触发,如果不是脚手架创建的vue3项目,测试虽然有警告,但是自定义事件可以正常触发

2025-11-24 13:48 负责人:无 分享
已邀请:

要回复问题请先登录注册