Jquery plugins jQuery插件方法不是一个函数-Webpack、VS2017、ASP.NET Core 2.0
下面的代码在VsCode+网页中运行良好 Index.ts:Jquery plugins jQuery插件方法不是一个函数-Webpack、VS2017、ASP.NET Core 2.0,jquery-plugins,asp.net-core-2.0,webpack-3,Jquery Plugins,Asp.net Core 2.0,Webpack 3,下面的代码在VsCode+网页中运行良好 Index.ts: require("./jQueryPlugin-No-Module"); debugger; $.fn.test(); // fails here (function ($) { $.fn.test = function () { console.log("jQuery-Plugin called with options"); }; })(jQuery); 我正在使用ProvidePlugin将
require("./jQueryPlugin-No-Module");
debugger;
$.fn.test(); // fails here
(function ($) {
$.fn.test = function () {
console.log("jQuery-Plugin called with options");
};
})(jQuery);
我正在使用ProvidePlugin将jQuery注入这个脚本文件
jQueryPlugin No Module.js:
require("./jQueryPlugin-No-Module");
debugger;
$.fn.test(); // fails here
(function ($) {
$.fn.test = function () {
console.log("jQuery-Plugin called with options");
};
})(jQuery);
我已将所有代码从VsCode复制到VS2017-ASP.NET核心项目,并调整了路径。除了上面的插件,一切都运行得很好,
我收到以下错误:
require("./jQueryPlugin-No-Module");
debugger;
$.fn.test(); // fails here
(function ($) {
$.fn.test = function () {
console.log("jQuery-Plugin called with options");
};
})(jQuery);
在index.ts
中,我放置了一个debugger
语句。当我运行应用程序时,它停止在那里,插件$.fn.test
已成功连接到jQuery。我切换到Chrome控制台并执行$.fn.test()代码>在那里,按预期工作。
我回到源代码视图,点击F11执行下一步,我得到上面的错误
也许有人在使用ASP.NET Core 2和VS2017之前遇到过此问题
tsc&&webpack-d--env.dev--显示模块--进度--显示错误详细信息--config webpack.config.dev.js
问题如下:
在我的webpack.config.js中,我有以下指向jQuery dist文件夹的jQuery别名:
resolve: {
alias: {
'jquery': require.resolve('jquery'), // --> node_modules\jquery\dist\jquery.js
resolve: {
alias: {
'jquery': require.resolve('jquery'), // resolve to dist folder
在我的插件部分,我配置了ProvidePlugin
以使用jQuery
的src版本(注释掉的代码):
现在我没有收到任何错误。
问题如下:
在我的webpack.config.js中,我有以下指向jQuery dist文件夹的jQuery别名:
resolve: {
alias: {
'jquery': require.resolve('jquery'), // --> node_modules\jquery\dist\jquery.js
resolve: {
alias: {
'jquery': require.resolve('jquery'), // resolve to dist folder
在我的插件部分,我配置了ProvidePlugin
以使用jQuery
的src版本(注释掉的代码):
现在我没有错误