Javascript Webpacker不适用于jquery库

Javascript Webpacker不适用于jquery库,javascript,jquery,webpack,Javascript,Jquery,Webpack,好吧,这真是奇怪的行为。以下是重现我的问题的步骤: 运行纱线添加jquery文件池 在application.js中添加导入'jquery filepond' 就这样!我在控制台中得到的错误是: Error: Cannot find module 'jquery-filepond' 看起来真是个愚蠢的错误,对吧?我不知道该怎么办 解决问题的步骤(我在这里使用的是npm,如果您愿意的话,可以根据warn进行调整): 您需要自己安装jQuery和FilePond依赖项 npm i jquery f

好吧,这真是奇怪的行为。以下是重现我的问题的步骤:

  • 运行
    纱线添加jquery文件池
  • 在application.js中添加
    导入'jquery filepond'
  • 就这样!我在控制台中得到的错误是:

    Error: Cannot find module 'jquery-filepond'
    
    看起来真是个愚蠢的错误,对吧?我不知道该怎么办

    解决问题的步骤(我在这里使用的是
    npm
    ,如果您愿意的话,可以根据
    warn
    进行调整):

  • 您需要自己安装jQuery和FilePond依赖项

    npm i jquery filepond --save
    
  • 因为
    jquery filepond
    要求
    $
    jquery
    filepond
    成为全局命名空间中的变量(仅此一项是不可行的):

  • 最后,由于jquery filepond package.json的“main”入口指向一个不存在的
    index.js
    ,因此您需要从该包显式导入一个特定文件:

    import 'jquery-filepond/filepond.jquery';
    
  • 我真的建议不要使用这个插件,因为它的编程似乎非常糟糕(因为太多了,尤其是老的jQuery插件)

    解决问题的步骤(我在这里使用的是
    npm
    ,如果您愿意,可以根据
    warn
    进行调整):

  • 您需要自己安装jQuery和FilePond依赖项

    npm i jquery filepond --save
    
  • 因为
    jquery filepond
    要求
    $
    jquery
    filepond
    成为全局命名空间中的变量(仅此一项是不可行的):

  • 最后,由于jquery filepond package.json的“main”入口指向一个不存在的
    index.js
    ,因此您需要从该包显式导入一个特定文件:

    import 'jquery-filepond/filepond.jquery';
    
  • 我真的建议不要使用这个插件,因为它的编程似乎非常糟糕(因为太多了,尤其是老的jQuery插件)


    为什么捆绑jquery?Webpack providePlugin maybe?@RokoC.Buljan请随意给出一个更好的答案。是的,我正在寻找其他的,但我发现的一切似乎都是jquery插件lol。为什么捆绑jquery?Webpack providePlugin maybe?@RokoC.Buljan请随意给出一个更好的答案。是的,我正在寻找其他的,但我发现的一切似乎都是jquery插件lol。