在 wwwroot 中引用静态 JavaScript 文件的问题 - .Net Core 2.2 Signalr

Question

我很难从wwwroot 文件夹中引用signalr 的相关js 文件。

我需要参考的路径是：

• wwwroot/lib/@aspnet/signalr/dist/browser/signalr.js
• wwwroot/js/chat.js

这是我的看法：

@page
<div class="container">
    <div class="row">&nbsp;</div>
    <div class="row">
        <div class="col-6">&nbsp;</div>
        <div class="col-6">
            User..........<input type="text" id="userInput" />
            <br />
            Message...<input type="text" id="messageInput" />
            <input type="button" id="sendButton" value="Send Message" />
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            <hr />
        </div>
    </div>
    <div class="row">
        <div class="col-6">&nbsp;</div>
        <div class="col-6">
            <ul id="messagesList"></ul>
        </div>
    </div>
</div>

<script src="~/wwwroot/lib/@@AspNetCore/signalr/dist/browser/signalr.js"></script>
<script src="~/wwwroot/js/chat.js"></script>

我在浏览器中收到 404：

http://localhost:5005/wwwroot/lib/@AspNetCore/signalr/dist/browser/signalr.js 404（未找到）

http://localhost:5005/wwwroot/js/chat.jsnet::ERR_ABORTED 404（不是 找到）

更新

更改脚本路径后，我在浏览器中遇到以下错误：

http://localhost:5005/lib/@AspNetCore/signalr/dist/browser/signalr.jsnet::ERR_ABORTED 404（未找到）

未捕获的 ReferenceError：未在 chat.js:3 中定义 signalR

chat.js第3行：

var connection = new signalR.HubConnectionBuilder().withUrl("/chatHub").build();

下面有红色的波浪线。

Answer 1

我建议您更改文件夹名称并替换这样的 url

<script src="~/lib/signalr/dist/browser/signalr.js"></script>
<script src="~/js/chat.js"></script>

查看此链接too

注意：确保您的代码位于页面底部

Answer 2

第一，你应该确保你的应用程序（红隼服务器）支持静态文件（startup.cs中的Configurate方法中的app.UseStaticFiles()），并确保Microsoft.AspNetCore.Hosting.IHostingEnvironment.WebRoot是你磁盘中的一个文件夹（通常它指向$"{Dictory.GetCurrentDirectory()}/wwwroot/"）。

2st，确保你的signalr.js在WebRoot文件夹中（所以它可以被服务），并注意wwwroot文件夹是你的根路径，例如~/，这意味着你的js文件在@ 987654328@razor 的 script Tag Helper 的正确路径是 <script src="~/lib/signalr/signalr.js"></script>。

Answer 3

<script src="~/wwwroot/lib/@@AspNetCore/signalr/dist/browser/signalr.js"></script>
<script src="~/wwwroot/js/chat.js"></script>

用这个替换

@section Scripts {
    <script src="~/lib/@@AspNetCore/signalr/dist/browser/signalr.js"></script>
    <script src="~/js/chat.js"></script>
}