调试mvc应用程序中的javascript文件以及如何设置它

Question

在我的共享文件夹和_Layout.cshtml文件中，我声明了此语句

@RenderSection("JavaScript", required: false)

在我的“关于”页面中，我宣布了

@section JavaScript
{
 <script type="text/javascript" src="@Url.Content("/Scripts/dotty.js")"></script> 
}

<p>Use this area to provide additional information.</p>

<button id="mybtn">Submit Me</button>

我在Scripts文件夹中创建了一个名为dotty.js的文件，它看起来像这个

/// <reference path="jquery-1.10.2.min.js" />
/// <reference path="jquery-1.10.2.js" />

$('mybtn').click(function () {
alert("Handler for .click() called.");
});

当我运行关于页面时，我得到的是这个错误＆＃34;未捕获的ReferenceError：$未定义＆＃34;

当我执行F12并尝试单步执行代码时，我的dotty.js文件不可见。 请问我错过了什么？

我希望能够调试我的javascript文件。

Answer 1

如果您打开了F12开发人员工具，则可以使用导致执行脚本的debugger;语句。

Reference

在相关的说明中，您的错误可能是由于您的应用程序中不包含jQuery库。