升级到角度6，jQuery停止工作

Question

我刚刚从Angular 5.2.5升级到Angular 6.0.1和Webpack 4.8.3。但是当我尝试加载使用Jquery的页面时，我在控制台中得到$(...).func is not a function。

我通过webpack配置在我的整个应用程序中导入jquery：

plugins: [
    new webpack.ProvidePlugin({
        jQuery: "jquery",
        $: "jquery",
        jquery: "jquery",
        "window.jQuery": "jquery"
    }),
],

到目前为止，我还没有发现任何有关此问题的变化，即使在documentation看起来也是如此，但自升级以来它仍无法正常工作。

有关修复的想法吗？

Answer 1

您是否尝试过暴露加载器？

有一个如何添加jQuery的示例： https://github.com/webpack-contrib/expose-loader

我自己在vendor.ts中使用它：

declare var jQuery: any;
declare var $: any;

import 'expose-loader?$!expose-loader?window.jQuery!jquery';

(<any>window).jQuery = $;