如何在nuxtjs上使用JQuery插件。

Question

我想使用JQuery插件rwdImageMaps。

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

我配置了nuxt.config.js

构建配置

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以使用未在npm存储库中上传的JQuery插件。

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