1***@qq.com
1***@qq.com
  • 发布:2024-06-03 17:30
  • 更新:2024-12-16 15:03
  • 阅读:105

live-player标签报错

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

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

HBuilderX类型: 正式

HBuilderX版本号: 4.17

手机系统: Android

手机系统版本号: Android 14

手机厂商: 小米

手机机型: 红米

页面类型: vue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

<template>
<view>
<live-player src="http://192.168.0.193/hls/13825002825/index.m3u8" id="livePlayer" autoplay
@statechange="statechange" @error="error" style="width: 300px; height: 225px;"></live-player>
</view>
</template>

<script>
export default {
data() {
return {}
},
methods: {
statechange(e) {
console.log('live-player code:', e.detail.code)
},
error(e) {
console.error('live-player error:', e.detail.errMsg)
}
}
}
</script>

<style>

</style>

操作步骤:

<template>
<view>
<live-player src="http://192.168.0.193/hls/13825002825/index.m3u8" id="livePlayer" autoplay
@statechange="statechange" @error="error" style="width: 300px; height: 225px;"></live-player>
</view>
</template>

<script>
export default {
data() {
return {}
},
methods: {
statechange(e) {
console.log('live-player code:', e.detail.code)
},
error(e) {
console.error('live-player error:', e.detail.errMsg)
}
}
}
</script>

<style>

</style>

预期结果:

正常编译,出来拉取流数据

实际结果:

<template>
<view>
<live-player src="http://192.168.0.193/hls/13825002825/index.m3u8" id="livePlayer" autoplay
@statechange="statechange" @error="error" style="width: 300px; height: 225px;"></live-player>
</view>
</template>

<script>
export default {
data() {
return {}
},
methods: {
statechange(e) {
console.log('live-player code:', e.detail.code)
},
error(e) {
console.error('live-player error:', e.detail.errMsg)
}
}
}
</script>

<style>

</style>

bug描述:

整个项目就一个文件用这个live-player标签报错:TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'. at uni-app-view.umd.js:7

2024-06-03 17:30 负责人:DCloud_UNI_FXY 分享
已邀请:
w***@163.com

w***@163.com

解决了吗?

要回复问题请先登录注册