javascript - 在 .NET core MVC 应用程序中包含带 @ 符号的 Javascript 库

标签 javascript asp.net-mvc asp.net-core-mvc yarnpkg

目前我正在开发一个 .NET core MVC 应用程序,该应用程序与 yarn 连接以添加包。到目前为止,我已经添加了 Signalr 包,如下所示: yarn add @microsoft/signalr

这会将程序包添加到 /wwwroot/lib/@microsoft/signalr/etc..

但是,当我尝试将该包包含在 Web 应用程序中时,它被卡住了。我这样包括它: <script src="lib/@microsoft/signalr/dist/browser/signalr.js"></script>

还有<script src="lib/microsoft/signalr/dist/browser/signalr.js"></script>不起作用。

有人知道如何解决这个问题吗?我们不想切换到 libman,而是更愿意继续使用 Yarn 包。

干杯!

最佳答案

首先,您需要知道默认情况下,Yarn 不会将客户端包安装到您的 wwwroot

它会全局下载 %UserProfile%\AppData\Local\Yarn\ 文件夹中的包。

在我的电脑中,它存在于C:\Users\username\AppData\Local\Yarn\Cache\v6:

enter image description here

整个工作步骤

  1. 确保您已经安装了 note.js,然后运行以下命令来安装 Yarn:

     npm install --global yarn
    
  2. 运行命令添加信号包:

     yarn add @microsoft/signalr
    
  3. %LOCALAPPDATA%\Yarn\ 中找到 signalr 包(@microsoft 文件夹)并复制整个 @microsoft 文件夹:

    enter image description here

  4. 将整个 @microsoft 文件夹粘贴到项目 wwwroot/lib 文件夹中:

    enter image description here

  5. 然后添加 js 引用,如下所示:

    <script src="@Url.Content("/lib/@microsoft/signalr/dist/browser/signalr.js")"></script>
    

    enter image description here


其实我建议你可以use Libman ,可以直接下载到您的wwwroot文件夹中。

关于javascript - 在 .NET core MVC 应用程序中包含带 @ 符号的 Javascript 库,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70517040/

相关文章:

javascript - Tailwind 全局使用本地文件中的字体

javascript - 我的 JavaScript 时钟小部件使 Firefox 崩溃

c# - 将多个对象作为参数传递给 mvc 6 操作

asp.net-core - 如何使用 ASP.NET 5 和 MVC 6 缓存静态内容?

javascript - 如何从 url 中不包含图像扩展名的远程图像 url 获取图像扩展名

javascript - 在 Angular 1.x 中调用方法/触发子组件上的操作

asp.net - 如何在asp.net mvc中获取客户端ip地址?

amazon-web-services - AWS Cognito 用户池和 OpenId

c# - CaSTLeWindsor LifeStyle.PerWebRequest 表现得像单例

c# - 将公共(public)属性/方法继承到 Asp.NET MVC 中的多个模型的最佳方法