Question

使用Nuxt.JS（Vue.js）加载.mp3文件时遇到问题...

我尝试在没有特定加载器的情况下加载文件，并且webpack告诉他该文件需要一个特定加载器，并且当我在nuxt.config.js文件中添加url-loader时：

 build: {
/*
** Run ESLint on save
*/
extend (config, { isDev, isClient }) {
  if (isDev && isClient) {
    config.module.rules.push({
      enforce: 'pre',
      test: /\.(js|vue)$/,
      loader: 'eslint-loader',
      exclude: /(node_modules)/
    })

    config.module.rules.push({
      test: /\.(ogg|mp3|wav)$/i,
      loader: 'url-loader'
    })

  }
}

引发错误：

TypeError
Cannot read property 'middleware' of undefined

有人在Nuxt.Js中使用了另一台装载机吗？

谢谢！

Answer 1

摘自Nuxt.js官方文档：https://nuxtjs.org/faq/webpack-audio-files/

.scr

Answer 2

通常，您只需要在webpack配置中使用文件加载器即可：

{
  test: /\.mp3$/,
  include: '/path/to/directory',
  loader: 'file-loader'
}

您可以共享您的配置文件吗？

我建议您使用通用的resource loader来加载文件，而不是直接在javascript中导入。

使用Nuxt.js加载.mp3文件

2 个答案: