Antd pro项目中添加音频文件

首先使用 <audio> 标签实现音频插入。

<audio src={cableNormal} autoPlay loop>
    Your browser does not support the audio element.
</audio>

1.问题

import cableNormal from '@/assets/cableNormal.mp3';

导入 asset 中本地音频时会报错

说是缺少 loader

2.解决方法

安装 file-loader

npm install --save-dev file-loader

在 config.ts 中加入配置项

chainWebpack(memo) {
    memo.module
      .rule('media')
      .test(/\.(mp3|4)$/)
      .use('file-loader')
      .loader(require.resolve('file-loader'))
  },