Как использовать плагин JQuery на nuxtjs.

Question

Я хочу использовать плагин JQuery rwdImageMaps.

https://github.com/stowball/jQuery-rwdImageMaps

Я настроил nuxt.config.js

build config

vendor: ['jquery'],
plugins: [
  new webpack.ProvidePlugin({
    $: 'jquery',
    jQuery: 'jquery',
    'window.jQuery': 'jquery'
  })
]

}

конфигурация плагина

  plugins: [
    { src: '~/plugins/jquery.rwdImageMaps.min.js', ssr: false }
  ],

, но ошибка произошла на этапе компиляции

11: 783 Ошибка «jQuery» не определена

какнастроить nuxt.js для использования плагина JQuery, который не загружен в репозиторий npm.

Answer 1

Я изменил jquery.rwdImageMaps.min.js на jquery.rwdImageMaps.js.и добавил верхнюю часть кода jquery.rwdImageMaps.js

import $ from 'jquery'
import jQuery from 'jquery'

и успешно выполнен в Chrome.но в сафари произошла ошибка ниже

Не удалось загрузить ресурс: сервер ответил с состоянием 404 (не найдено) http://localhost:3000/_nuxt/lib.esm.js.map