Javascript 带有webpack$(…)的jQuery文件上载插件。文件上载不是一个函数

Javascript 带有webpack$(…)的jQuery文件上载插件。文件上载不是一个函数,javascript,webpack,ruby-on-rails-6,Javascript,Webpack,Ruby On Rails 6,我使用的是Rails 6,我需要使用jquery文件上传插件,我想手动添加而不是使用Thread,所以我在这里下载了这个文件:并将其放入app/javascript文件夹 然后在app/javascript/packs/application.js中添加了这一行 require("jquery.fileupload") 在我的app/javascript/main.js中: $('#file-input').fileupload() 我得到一个错误: TypeError: $(...).fi

我使用的是Rails 6,我需要使用jquery文件上传插件,我想手动添加而不是使用Thread,所以我在这里下载了这个文件:并将其放入
app/javascript
文件夹

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

require("jquery.fileupload")
在我的
app/javascript/main.js
中:

$('#file-input').fileupload()
我得到一个错误:

TypeError: $(...).fileupload is not a function
如果我在
javascript/packs/application.js
中放入
$(“#文件输入”).fileupload()
,如下所示:

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

错误消失了!所以问题似乎是插件只能在application.js中访问,而不能在其他文件中访问,我如何解决这个问题?

我在尝试使用webpack时浪费了两三个小时,但没有成功


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

我理解。。。我以前也遇到过同样的情况,我在这里写了一篇关于webpack的博客文章,你可能会觉得这很有帮助,如果你有任何问题,请告诉我