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

Question

我正在使用 Rails 6，我需要使用 jquery 文件上传插件，我想手动添加而不是使用纱线，所以我在这里下载了这个文件：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 个小时，但没有成功。

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