Zsan
Zsan
  • 发布:2023-07-04 09:51
  • 更新:2024-05-27 22:45
  • 阅读:1436

【报Bug】uni-app使用audio组件报错

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

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

浏览器平台: Edge

浏览器版本: 114.0.1823.67

项目创建方式: CLI

CLI版本号: 3.0.0-3080720230703001

示例代码:
<template>  
  <audio ref="audioRef" :src="url"></audio>  
</template>
09:47:33 [vite] [plugin:vite:import-analysis] Cannot find module '@dcloudio/uni-components/style/audio.css'  
Require stack:  
- D:\Workspace\vite-uni-app\node_modules\.pnpm\@dcloudio+uni-cli-shared@3.0.0-3080720230703001_postcss@8.4.24+vue@3.3.4\node_modules\@dcloudio\uni-cli-shared\dist\resolve.js  
- D:\Workspace\vite-uni-app\node_modules\.pnpm\@dcloudio+uni-cli-shared@3.0.0-3080720230703001_postcss@8.4.24+vue@3.3.4\node_modules\@dcloudio\uni-cli-shared\dist\hbx\env.js  
- D:\Workspace\vite-uni-app\node_modules\.pnpm\@dcloudio+uni-cli-shared@3.0.0-3080720230703001_postcss@8.4.24+vue@3.3.4\node_modules\@dcloudio\uni-cli-shared\dist\logs\format.js  
- D:\Workspace\vite-uni-app\node_modules\.pnpm\@dcloudio+uni-cli-shared@3.0.0-3080720230703001_postcss@8.4.24+vue@3.3.4\node_modules\@dcloudio\uni-cli-shared\dist\logs\index.js  
- D:\Workspace\vite-uni-app\node_modules\.pnpm\@dcloudio+uni-cli-shared@3.0.0-3080720230703001_postcss@8.4.24+vue@3.3.4\node_modules\@dcloudio\uni-cli-shared\dist\mp\style.js  
- D:\Workspace\vite-uni-app\node_modules\.pnpm\@dcloudio+uni-cli-shared@3.0.0-3080720230703001_postcss@8.4.24+vue@3.3.4\node_modules\@dcloudio\uni-cli-shared\dist\mp\index.js  
- D:\Workspace\vite-uni-app\node_modules\.pnpm\@dcloudio+uni-cli-shared@3.0.0-3080720230703001_postcss@8.4.24+vue@3.3.4\node_modules\@dcloudio\uni-cli-shared\dist\index.js  
- D:\Workspace\vite-uni-app\node_modules\.pnpm\@dcloudio+vite-plugin-uni@3.0.0-3080720230703001_b3clu5zdrlhgg2dr74hqvpe4ui\node_modules\@dcloudio\vite-plugin-uni\dist\cli\index.js  
- D:\Workspace\vite-uni-app\node_modules\.pnpm\@dcloudio+vite-plugin-uni@3.0.0-3080720230703001_b3clu5zdrlhgg2dr74hqvpe4ui\node_modules\@dcloudio\vite-plugin-uni\bin\uni.js

操作步骤:

使用audio组件并运行

预期结果:

可以正常使用auido组件

实际结果:

无法使用,报错找不到对应的audio样式

bug描述:

使用uniapp内置组件audio报错

报错信息: Cannot find module '@dcloudio/uni-components/style/audio.css'

排查发现@dcloudio/uni-components/style/audio.css文件并不存在

2023-07-04 09:51 负责人:无 分享
已邀请:
爱豆豆

爱豆豆 - 办法总比困难多

微信小程序平台自基础库 1.6.0 版本开始,不再维护 audio 组件,推荐使用API方式而不是组件方式来播放音频。API见 uni.createInnerAudioContext 替代。

爱豆豆

爱豆豆 - 办法总比困难多

参考文档 https://uniapp.dcloud.net.cn/api/media/audio-context.html#createinneraudiocontext

Diligent_UI

Diligent_UI - 【插件开发】【专治疑难杂症】【多款插件已上架:https://ext.dcloud.net.cn/publisher?id=193663(微信搜索飘逸科技UI小程序直接体验)】【骗子请绕道】问题咨询请加QQ群:120594820,代表作灵感实用工具小程序

看报错是来自于云服务的

8***@qq.com

8***@qq.com

现在这个问题解决了吗?我用H5编译使用audio也报错

要回复问题请先登录注册