uni-app报错：Cannot find module '@dcloudio/uni-components/style/audio.css' Require stack

uni-app报错：Cannot find module ‘@dcloudio/uni-components/style/audio.css’ Require stack

项目信息 详细信息
产品分类 uniapp/H5
PC开发环境 Windows
操作系统版本号 windows 10
HBuilderX类型 正式
HBuilderX版本 3.2.9
浏览器平台 Chrome
浏览器版本 94.0.4606.81
项目创建方式 HBuilderX

操作步骤：

<!-- audio -->  
<view class="page-section page-section-gap" style="text-align: center;">  
    <audio style="text-align: left" :src="current.src" :poster="current.poster" :name="current.name"  
        :author="current.author" :action="audioAction" controls></audio>  
</view>  
<script setup>  
import {ref} from 'vue'  
const current = ref({  
    poster: 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/7fbf26a0-4f4a-11eb-b680-7980c8a877b8.png',  
    name: '致爱丽丝',  
    author: '暂无',  
    src: 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-hello-uniapp/2cc220e0-c27a-11ea-9dfb-6da8e309e0d8.mp3',  
})  
const audioAction = ref({  
    method: 'pause'  
})  
</script>

预期结果：

生成正常的一个音频

实际结果：

代码报错

bug描述：

Cannot find module '[@dcloudio](/user/dcloudio)/uni-components/style/audio.css'  
Require stack:  
- D:\soft\codeTools\HBuilderX.2.8.11.20200907.full\HBuilderX\plugins\uniapp-cli-vite\node_modules\[@dcloudio](/user/dcloudio)\uni-cli-shared\dist\utils.js  
- D:\soft\codeTools\HBuilderX.2.8.11.20200907.full\HBuilderX\plugins\uniapp-cli-vite\node_modules\[@dcloudio](/user/dcloudio)\uni-cli-shared\dist\json\app\pages\definePage.js  
- D:\soft\codeTools\HBuilderX.2.8.11.20200907.full\HBuilderX\plugins\uniapp-cli-vite\node_modules\[@dcloudio](/user/dcloudio)\uni-cli-shared\dist\json\app\pages\index.js  
- D:\soft\codeTools\HBuilderX.2.8.11.20200907.full\HBuilderX\plugins\uniapp-cli-vite\node_modules\[@dcloudio](/user/dcloudio)\uni-cli-shared\dist\json\app\index.js  
- D:\soft\codeTools\HBuilderX.2.8.11.20200907.full\HBuilderX\plugins\uniapp-cli-vite\node_modules\[@dcloudio](/user/dcloudio)\uni-cli-shared\dist\json\index.js  
- D:\soft\codeTools\HBuilderX.2.8.11.20200907.full\HBuilderX\plugins\uniapp-cli-vite\node_modules\[@dcloudio](/user/dcloudio)\uni-cli-shared\dist\env\define.js  
- D:\soft\codeTools\HBuilderX.2.8.11.20200907.full\HBuilderX\plugins\uniapp-cli-vite\node_modules\[@dcloudio](/user/dcloudio)\uni-cli-shared\dist\env\index.js  
- D:\soft\codeTools\HBuilderX.2.8.11.20200907.full\HBuilderX\plugins\uniapp-cli-vite\node_modules\[@dcloudio](/user/dcloudio)\uni-cli-shared\dist\index.js  
- D:\soft\codeTools\HBuilderX.2.8.11.20200907.full\HBuilderX\plugins\uniapp-cli-vite\node_modules\[@dcloudio](/user/dcloudio)\vite-plugin-uni\dist\cli\utils.js  
- D:\soft\codeTools\HBuilderX.2.8.11.20200907.full\HBuilderX\plugins\uniapp-cli-vite\node_modules\[@dcloudio](/user/dcloudio)\vite-plugin-uni\dist\cli\index.js  
- D:\soft\codeTools\HBuilderX.2.8.11.20200907.full\HBuilderX\plugins\uniapp-cli-vite\node_modules\[@dcloudio](/user/dcloudio)\vite-plugin-uni\bin\uni.js

更多关于uni-app报错：Cannot find module '@dcloudio/uni-components/style/audio.css' Require stack的实战教程也可以访问 https://www.itying.com/category-93-b0.html

5 回复

我也遇到了

更多关于uni-app报错：Cannot find module '@dcloudio/uni-components/style/audio.css' Require stack的实战教程也可以访问 https://www.itying.com/category-93-b0.html


遇到加1·求解决方法

audio组件很久前已不再维护，建议使用能力更强的uni.createInnerAudioContext()，详见文档

创建了这个上下文对象应该怎么使用呢？它也不像audio组件一样可以挂载

这个错误通常是由于 @dcloudio/uni-components 包缺失或版本不匹配导致的。以下是几种解决方法：

  1. 重新安装依赖： 删除 node_modules 文件夹和 package-lock.json（或 yarn.lock），然后重新执行 npm install 或 yarn install。

  2. 检查 HBuilderX 版本： 你使用的 HBuilderX 版本是 3.2.9，但错误堆栈中显示路径包含 HBuilderX.2.8.11.20200907.full，这表明项目中可能残留旧版本的插件或配置。建议升级到最新稳定版 HBuilderX，并创建新项目测试。

  3. 清理缓存并重启： 在 HBuilderX 中选择菜单栏的「运行」-「清理缓存并重启」，然后重新编译项目。

  4. 检查 package.json： 确保 @dcloudio/uni-components 的版本与其他 uni-app 相关依赖（如 @dcloudio/uni-app、@dcloudio/vite-plugin-uni）兼容。可以尝试统一更新到最新版本。

  5. 临时解决方案： 如果问题仅出现在 H5 平台，可以尝试在 vue.config.js 或 vite.config.js 中配置别名，将缺失的 CSS 文件指向空文件：

    // vite.config.js
import { defineConfig } from 'vite'
export default defineConfig({
  resolve: {
    alias: {
      '@dcloudio/uni-components/style/audio.css': '/src/empty.css'
    }
  }
})
回到顶部