jquery 不在部署中工作，但在本地 nuxtjs 中工作？

Posted 2023-02-22

【中文标题】jquery 不在部署中工作，但在本地 nuxtjs 中工作？

【英文标题】：jquery not working in deployment but working in local nuxtjs?

【发布时间】：2021-06-28 08:24:43

【问题描述】：

我正在使用 jquery 在我的 nuxt js 应用程序中显示一个弹出窗口，并在 localhost 和开发环境中工作 nuxt.config.js

script: [
  
    src: "~plugins/jquery-3.4.1.min.js",
    type: "text/javascript"
  ,
],
plugins: [  
  "'~plugins/jquery-3.4.1.min.js"
],

【问题讨论】：

如果您希望我们为您提供帮助，请提供有关生产中发生的情况的更多详细信息。 How to Ask 另外，为什么脚本和插件做同样的工作？

【参考方案1】：

不确定为什么要将 jQuery 包含在 Vue/Nuxt 项目中（它在某种程度上会适得其反），但我想您可以将它包含在 CDN 中，它可以在任何环境中完美运行。

script: [
  
    src: "https://code.jquery.com/jquery-3.3.1.slim.min.js",
    type: "text/javascript"
  
]

---

或者这样，干净一点

yarn add jquery

const webpack = require("webpack");

module.exports = 
  build: 
    vendor: ["jquery"],
    plugins: [
      new webpack.ProvidePlugin(
        $: "jquery"
      )
    ],
  
;

从此处获取的设置示例：https://kaloraat.com/articles/how-to-use-jquery-in-nuxtjs

你也可以试试这个：https://***.com/a/57508835/8816585