时间戳

首页 > 解决方案 > 如何在 nuxtjs 上使用 JQuery 插件。

jquery - 如何在 nuxtjs 上使用 JQuery 插件。

问题描述

我想使用 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 插件。

标签： jqueryvuejs2nuxt.js

解决方案

我将 jquery.rwdImageMaps.min.js 更改为 jquery.rwdImageMaps.js 。并添加了 jquery.rwdImageMaps.js 的代码顶部

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

并在chrome中成功执行。但在 safari 错误发生在下面

加载资源失败：服务器响应状态为 404 (Not Found) http://localhost:3000/_nuxt/lib.esm.js.map

推荐阅读