在angular asp.net核心应用程序中使用JQuery

Question

我正在尝试在asp.net核心angular Web应用程序的自定义指令中使用引导方法。 但是，当我运行该应用程序时，在main-client.js中收到错误消息“'jQuery'is undefined”。

如果我更改webpack.config.js以添加webPack.ProvidePlugin插件，则问题就消失了。

module.exports = (env) => {
    ...
    const sharedConfig = {        
        plugins: [
            new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery' }), // Maps these identifiers to the jQuery package (because Bootstrap expects it to be a global variable)
            new CheckerPlugin()
        ]
    };
    ...
};

但是，此插件已存在于webpack.config.vendor.js中。 为什么需要再次添加？

Answer 1

您好，您可以添加此加载程序：

    /**
     * Special loading issue. to expose something as window.something in browser side.
     *
     * Reference : https://github.com/webpack-contrib/expose-loader
     */
    { test: require.resolve("jquery"), loader: "expose-loader?$!expose-loader?jQuery" }