我正在开发一个简单的nuxt.js项目，该项目播放两个音频文件，并要求用户确定它们之间的音频间隔。我目前无法播放任何音频文件。我接受了这个解决方案(https://nuxtjs.org/docs/features/configuration/#extend-webpack-to-load-audio-files)，但它不起作用

我还在nuxt.config.js中添加了

  loaders: {
      vue: {
        transformAssetUrls: {
          audio: 'src',
        },
      },
    },
    extend(config, ctx) {
      config.module.rules.push({
        test: /\.(ogg|mp3|wav|mpe?g)$/i,
        loader: 'file-loader',
        options: {
          name: '[path][name].[ext]'
        }
      })
    }

这里是我的代码

  loaders: {
      vue: {
        transformAssetUrls: {
          audio: 'src',
        },
      },
    },
    extend(config, ctx) {
      config.module.rules.push({
        test: /\.(ogg|mp3|wav|mpe?g)$/i,
        loader: 'file-loader',
        options: {
          name: '[path][name].[ext]'
        }
      })
    }

顺晟科技：

我也有类似的问题。但在我的情况下，我从代码中播放声音警报。 此代码以前工作:

  loaders: {
      vue: {
        transformAssetUrls: {
          audio: 'src',
        },
      },
    },
    extend(config, ctx) {
      config.module.rules.push({
        test: /\.(ogg|mp3|wav|mpe?g)$/i,
        loader: 'file-loader',
        options: {
          name: '[path][name].[ext]'
        }
      })
    }

但更新停止工作后。 帮助修复问题:

  loaders: {
      vue: {
        transformAssetUrls: {
          audio: 'src',
        },
      },
    },
    extend(config, ctx) {
      config.module.rules.push({
        test: /\.(ogg|mp3|wav|mpe?g)$/i,
        loader: 'file-loader',
        options: {
          name: '[path][name].[ext]'
        }
      })
    }

我在这里学到的： https://amjohnPhilip.medium.com/how-to-work-with-audio-files-in-nuxt-js-8da7abb3c5bb

我禁用了esmodule，然后我的音频文件开始工作

在nuxtconfigure中执行以下操作