Fatal编程技术网
  • webpack/
  • Webpack 网页2+；具体化css+；任何jquery插件

Webpack 网页2+；具体化css+；任何jquery插件

webpack aurelia

Webpack 网页2+；具体化css+；任何jquery插件,webpack,aurelia,materialize,webpack-2,Webpack,Aurelia,Materialize,Webpack 2,从Webpack 1迁移后，我正在使用Webpack 2。我的一些jquery插件停止工作 我在使用materialize css包时遇到以下错误： 类型错误：$（…）。视差不是一个函数 它以前确实有效 我使用它的方式是： attached(){ $('.parallax').parallax(); $('body').addClass('user-background'); } detached(){ $('body').removeCl

从Webpack 1迁移后，我正在使用Webpack 2。我的一些jquery插件停止工作

我在使用materialize css包时遇到以下错误：

类型错误：$（…）。视差不是一个函数

它以前确实有效

我使用它的方式是：

attached(){
    $('.parallax').parallax();

    $('body').addClass('user-background');      
}

detached(){        
    $('body').removeClass('user-background');
}
webpack.config中有几项内容看起来不正确

  • 您已经导入了两次jquery：在“
    jqueryPlugings
    ”和“
    vendor
    ”条目中。这对于您拥有
    commonchunkplugin
    的生产环境（见下文）来说很好

  • 在
    commonchunkplugin
    中，您的目标是“
    common
    ”，而不是“
    vendor
    ”和“
    jqueryPlugins
    ”

    • 我希望这有帮助

    我成功地解决了这个问题。问题是最新版本的jquery@3.1.1/hammer包含在最新的aurelia框架中，该框架不适用于materialize css及其遗留jquery插件。

    您必须发布webpack.config.js。很可能是插件没有正确连接到jquery对象。@Quotidian请参考我的webpack.config：谢谢。我修改了jquery的内容，但问题仍然存在。现在看起来是这样的：