如何在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中成功执行。但是在safari中发生了下面的错误

无法加载资源:服务器响应状态为404 (未找到) http://localhost:3000/_nuxt/lib.esm.js.map