jQuery插件方法不是函数-Webpack、VS2017、ASP.NET Core 2.0

Question

下面的代码在VsCode+webpack中运行良好

index.ts：

require("./jQueryPlugin-No-Module");
debugger;
$.fn.test();  // fails here

我正在使用ProvidePleugin将jQuery注入到这个脚本文件中。

(function ($) {
    $.fn.test = function () {
        console.log("jQuery-Plugin called with options");
    };
})(jQuery);

TSC&&webpack-d--env.dev--display-modules--progress--display-error-details--config webpack.config.dev.js

Answer 1

学分转到>spacek33z

问题如下：

在我的webpack.config.js中，我有以下指向jQuery dist文件夹的jQuery别名：

resolve: {
        alias: {
            'jquery': require.resolve('jquery'), // --> node_modules\jquery\dist\jquery.js

plugins: [

           new webpack.ProvidePlugin({
            $: "jquery",   // <-- right!
            jQuery: "jquery",  // <-- right!
            //$: "jquery/src/jquery",  // <-- wrong!
            //jQuery: "jquery/src/jquery"  // <-- wrong!          
        }),

resolve: {
        alias: {
            'jquery': require.resolve('jquery'), // resolve to dist folder