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'))
  },