<分区>
我在我的 .net 核心应用程序中使用 typescript ，我正在使用 requirejs 管理我的脚本。
所以我的页脚中有一个按钮，单击它时，它会调用我的 .net 核心操作，接收数据并在表面上显示结果。
_Layout.cshtml
<div class="fixed-bottom">
<footer>
<a id="debug_button" title="Show/hide debugging">
<span class="fas fa-code"></span>
</a>
</footer>
</div>
<script src="~/lib/requirejs/require.js" data-main="/js/config"></script>
<script>
require(['../ts/debugarea'],
function(debugarea) {
debugarea.buildDebugArea(false);
$("#debug_button").click(function() {
debugarea.buildDebugArea(true);
});
});
</script>
js/config.js
require.config({
paths: {
jquery: "../lib/jquery/dist/jquery",
bootstrap: "../lib/bootstrap/dist/js/bootstrap",
backbone: "../lib/backbone/backbone",
underscore: "../lib/underscore/underscore",
modernizr: "../lib/modernizr/src/Modernizr",
unobtrusiveajax: "../lib/Microsoft.jQuery.Unobtrusive.Ajax/jquery.unobtrusive-ajax.min",
CookieMonster: "../ts/http/CookieMonster",
debugarea: "../ts/debugarea",
signalr: "../lib/signalr/dist/browser/signalr"
},
shim: {
backbone: ["jquery", "underscore"],
bootstrap: ["jquery"],
Modernizr: {
exports: 'Modernizr',
},
unobtrusiveajax: ["jquery"],
debugarea:['jquery']
}
});
和 debugarea.ts
import * as $ from "jquery";
console.log("debugarea");
console.log($);
export function buildDebugArea(switchCookie): void {
let currentCookieValue: string = CookieMonster.CookieMonster.getCookie('debugarea');
if (switchCookie) {
if (currentCookieValue === "")
CookieMonster.CookieMonster.setCookie('debugarea', "true", 1);
else
return clearDebugArea();
} else if (currentCookieValue === "")
return clearDebugArea();
$('#debuginfo').append($('<div id="cookieinfo"></div>'));
getCookies();
let debugbuttonIcon: JQuery<HTMLElement> = $('#debug_button > span');
if (debugbuttonIcon.length == 0) return;
debugbuttonIcon.addClass("bg-dark text-white");
}
90% 的工作正常，我的 debugarea.ts 控制台输出是
debugarea.ts:3 debugarea
debugarea.ts:4 ƒ ( selector, context ) {
// The jQuery object is actually just the init constructor 'enhanced'
// Need init if jQuery is called (just allow error to be thrown if not included)
return new jQuery…
偶尔，在重新加载浏览器选项卡时，我会在此处收到以下错误:
require.js:1961 GET http://localhost:58006/js/jquery.js 404 (Not Found)
require.js:168 Uncaught Error: Script error for "jquery", needed by: ../ts/debugarea
http://requirejs.org/docs/errors.html#scripterror
at makeError (require.js:168)
at HTMLScriptElement.onScriptError (require.js:1738)
下次重新加载时，它会再次起作用。 知道这里出了什么问题吗？我错过了什么吗？
我正在使用 jQuery 3.1.1 和 RequireJS 2.3.5
编辑:这里是调试器(网络选项卡)的两个屏幕截图 - 也许它有帮助。
- 当它抛出异常时:
- 当它正常工作时:
