升级到 Angular 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 = $;