带有 webpack $(...).fileupload 的 jQuery File Upload 插件不是一个函数

Question

我使用的是Rails 6，需要使用jquery文件上传插件，我想手动添加而不是使用yarn，所以我在这里下载了这个文件：https://cdnjs.cloudflare.com/ajax/libs/blueimp-file-upload/9.31.0/js/jquery.fileupload.js并放入app/javascript文件夹

然后在app/javascript/packs/application.js我添加了这一行

require("jquery.fileupload")

在我的app/javascript/main.js：

$('#file-input').fileupload()

我得到了错误：

TypeError: $(...).fileupload is not a function

如果我像这样将$('#file-input').fileupload() 放入javascript/packs/application.js：

require("jquery.fileupload")
$('#file-input').fileupload()

错误消失！所以问题似乎是插件只能在application.js中访问，而不能在其他文件中访问，我该如何解决？

Answer 1

我在尝试使用 webpack 时浪费了 2 或 3 个小时，但没有成功。

然后直接从blueimp存储库简单下载*.js文件到app/javascript/packs/vendor并导入application.js。