Include Javascript library with @ sign in .NET core MVC application

Question

Currently I'm working on a .NET core MVC app wired up with yarn to add packages. So far I've added the Signalr package like this: yarn add @microsoft/signalr

Which adds the package to /wwwroot/lib/@microsoft/signalr/etc..

However when I try to include the package in the Web app it gets stuck. I'm including it like this: <script src="lib/@microsoft/signalr/dist/browser/signalr.js"></script>

also <script src="lib/microsoft/signalr/dist/browser/signalr.js"></script> does not work.

Anyone knows how to fix this? We do not want to switch to libman and prefer to keep using packages with Yarn.

Cheers!

Answer 1

Firstly, you need know that Yarn will not install the client side package to your wwwroot by default.

It globally downloads the package in %UserProfile%\AppData\Local\Yarn\ folder.

In my PC, it exists in C:\Users\username\AppData\Local\Yarn\Cache\v6:

The whole working steps

1. Be sure you have installed note.js, then run following command to install Yarn :

    npm install --global yarn
   

2. Run command to add signalr package:

    yarn add @microsoft/signalr
   

3. Find the signalr package(@microsoft folder) in %LOCALAPPDATA%\Yarn\ and copy the whole @microsoft folder:

   

4. Paste the whole @microsoft folder to your project wwwroot/lib folder:

   

5. Then add the js reference like below:

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

   

---

Actually I suggest you can use Libman, it can directly download to your wwwroot folder.