Загрузка файлов .mp3 с Nuxt.js

Question

У меня проблема с загрузкой файлов .mp3 с Nuxt.JS (Vue.js) ...

Я пытался загрузить файл без специального загрузчика, и веб-пакет говорит, что ему нужноодин конкретный загрузчик для файла, и когда я добавил url-загрузчик в файл nuxt.config.js:

 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

Обычно вам просто нужно использовать загрузчик файлов в конфигурации вашего веб-пакета:

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

Можете ли вы поделиться своим файлом конфигурации?

Вместо того, чтобы импортировать напрямую в JavaScript, я рекомендуюзагрузить файл с помощью стандартного загрузчика ресурсов .