32

我承认，我不知道我在做什么。

我正在尝试学习如何使用 SignalR，并且几乎逐字逐句地在线跟踪各种示例，并且无法粘贴 $.connection 未定义。我正在使用 MVC 4.0 并尝试使用 nuget 下载的 signalR js 文件或示例项目中的文件。这些是我的脚本参考。

@Scripts.Render("~/Scripts/jquery-1.7.2.min.js")
@Scripts.Render("~/Scripts/knockout-2.0.0.js")
@Scripts.Render("~/Scripts/jquery.signalR.js")
@Scripts.Render("~/signalr/hubs")

脚本似乎已加载 - 我什至在它们的开头放置了警报，但 $.connection 始终未定义。

在一个奇怪的事件中，我有一个不同的项目，我试图使用不同的 jQuery 库，它使用 $. 并且该对象也始终未定义。

我只是在寻找任何可能的解释来解释我可能做错了什么。首先十分感谢。

4

5 回答 5

67

我今天遇到了同样的问题。

您的回答为我指明了正确的方向，因为我有完全相同的脚本加载设置。

我按以下顺序将所有脚本标签放在页面顶部（头部）。

  • jQuery
  • 信号R
  • /信号器/集线器
  • 我的脚本.js

当然，@Layout.cshtml 非常周到地添加到标签@Scripts.Render("~/bundles/jquery")底部。<body>

这是正在发生的事情。

在此配置中，当页面加载时，它会按照指定的顺序加载 head 标记中的所有脚本。

所以它加载 JQuery，然后是 SignalR，然后设置$.connection自动生成的集线器脚本$.connection.hubName，然后设置站点的自定义脚本。

此时您的自定义代码运行。但是您的代码在某些时候会等待body.onload或document.onReady在访问之前$.connection

到此事件触发时，布局模板在正文标记末尾为您添加的脚本包也将下载并执行。此捆绑包再次具有 jquery 库....它重置了所有 SignalR 设置$，现在$.connection不再定义您的。

如何解决

轻松修复，确保不要两次加载 JQuery，一次在 SignalR 之前，一次在 SignalR 之后。我将所有脚本移到捆绑包之后加载，它解决了这个问题。此处的最佳做法是使用模板提供的“脚本”部分。

@section scripts{
    @*/* load your scripts here. You can exclude jQuery, 
      coz it's already in the template */ *@
}

所以这根本不是 SignalR 错误......

那是我生命中的两个小时......我永远不会回来......

希望这可以帮助。

于 2013-02-19T09:52:13.163 回答
10

我解决了这个问题。我知道我做了什么，但我不知道为什么它确实有效。

我在 _Layout.cshtml 视图顶部引用了主 jquery 库（版本 1.7.2），但没有引用任何其他 jquery 脚本。我注意到默认情况下在布局视图中它正在加载

@Scripts.Render("~/bundles/jquery")

在视图的底部，并且脚本部分位于其下方。

@RenderSection("scripts", required:false)

如图所示，我进一步更改了我的脚本引用，并将上面问题中显示的脚本引用放在一个

@section scripts
{    
   @Scripts.Render("~/Scripts/jquery.signalR-0.5.1.js")
   @Scripts.Render("~/Scripts/jquery.color.js")
   @Scripts.Render("~/signalr/hubs")
   @Scripts.Render("~/Scripts/blasht.signalr.js")
}

包装在我的视图中，以便在加载包后将它们包含在内。我假设我没有加载所有必要的 jquery，因为现在它可以工作了。

现在，如果我能弄清楚这如何适用于我的其他项目。

于 2012-06-26T16:01:03.423 回答
3

之所以可行，是因为加载 javascript 文件的顺序。如果您在加载 jquery 之前尝试加载 jquery.signalR-0.5.1.js，那么您将面临 $.connection undefined 因为要注册 jquery 应该首先加载。在 _Layout.cshtml 模板中，脚本按顺序加载

@Scripts.Render("~/bundles/jquery")

@RenderSection("scripts", required: false)

因此，在您的任何视图中，您都可以在脚本部分下加载信号器，这应该可以正常工作。

于 2012-07-28T17:52:29.767 回答
2

我有同样的问题。对我来说，我在页面中包含 jquery 2 次，后来在布局中包含。删除其中一个解决了这个问题。

希望能帮助到你

于 2013-08-19T08:31:45.920 回答
0

这发生在我身上，因为我~/signalr/hubs在加载脚本之前动态加载了jquery.signalR-1.1.4.js脚本。

动态加载时，没有出现错误，但是如果我将输出~/signalr/hubs粘贴到我的 chrome 开发工具中，我会收到一条错误消息VM1047:18 Uncaught Error: SignalR: SignalR is not loaded. Please ensure jquery.signalR-x.js is referenced before ~/signalr/hubs. at <anonymous>:18:15 at <anonymous>:300:2

于 2017-07-11T04:08:58.837 回答