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

时间:2019-05-29 20:18:56

标签: javascript webpack ruby-on-rails-6

我正在使用Rails 6,我需要使用jquery文件上传插件,我想手动添加而不是使用yarn,因此我在这里下载了此文件:https://cdnjs.cloudflare.com/ajax/libs/blueimp-file-upload/9.31.0/js/jquery.fileupload.js,并将其放入{{1} }文件夹

然后在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

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

1 个答案:

答案 0 :(得分:0)

我花了2到3个小时尝试使用Webpack都没有成功。

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