ASP.NET Core 2.0中SignalR变量未定义问题求助

我之前也碰到过一模一样的情况——编辑器自动补全正常，但浏览器跑起来就报signalR未定义，核心原因几乎都是客户端脚本没正确加载。编辑器的补全是因为它识别了SignalR的类型定义文件，但浏览器执行代码时，signalR对象还没被初始化，自然就报错了。给你一步步梳理解决方法：

1. 确保正确获取并引入SignalR客户端脚本 #

ASP.NET Core 2.0对应的是SignalR 1.x版本（当时包名是@aspnet/signalr），你有两种方式获取客户端脚本：

方式一：使用CDN直接引入 #

在你的视图里，一定要在自定义脚本之前添加CDN链接：

<!-- 先引入SignalR客户端脚本 -->
<script src="https://cdn.jsdelivr.net/npm/@aspnet/signalr@1.0.0/dist/browser/signalr.min.js"></script>

<!-- 再写你的自定义脚本 -->
<script type="text/javascript">
    var _transport = signalR.TransportType.WebSockets; 
    var connection = new signalR.HubConnection(`http://${document.location.host}/chat`, {transport: _transport});
    var messageInput = document.getElementById('message');
    // 后续代码...
</script>

方式二：本地安装并引入 #

1. 用npm安装对应版本的客户端包：

npm install @aspnet/signalr@1.0.0

2. 将node_modules/@aspnet/signalr/dist/browser/signalr.min.js复制到项目的wwwroot/lib/signalr目录下
3. 在视图中引入本地脚本：

<script src="~/lib/signalr/signalr.min.js"></script>
<!-- 然后是你的自定义脚本 -->

2. 关键检查点 #

• 脚本顺序不能错：必须先加载SignalR的脚本，再执行你的自定义代码，否则浏览器会先运行你的代码，此时signalR还不存在。
• 检查脚本是否加载成功：打开浏览器开发者工具的「Network」标签，刷新页面，看signalr.min.js的请求状态是不是200，如果是404，说明路径写错了，调整src属性的路径即可。
• 确认服务端配置正确：虽然当前错误是客户端的，但也要确保Startup.cs里配置了SignalR：

// Startup.cs的ConfigureServices方法
services.AddSignalR();

// Configure方法
app.UseSignalR(routes =>
{
    routes.MapHub<ChatHub>("/chat"); // 这里的路径要和你客户端连接的路径一致
});

按照上面的步骤调整后，应该就能解决signalR未定义的问题了。

内容的提问来源于stack exchange，提问作者Nenoxx