How to call custom JS and CSS files from CSHTML in .Net core

Question

I have a .net core project where the css, js and images are in different folders.

The index.cshtml is in "\TechBlog.Web\Views\Home"

I'm trying to call the CSS and JS files from Index.cshtml. However, its not loading.

  @{
     ViewData["Title"] = "Home Page";
  }
  <!DOCTYPE html>
  <html lang="en">
  <head>
  //Load CSS
  <link rel="stylesheet" href="../css/all.css">
  </head>
  <body>
  //Load JS
  <script src="../js/Jquery3.4.1.min.js"></script>
  </body>

Please note that, there other line of codes. However, I just looking at, what I'm doing wrong for providing path.

I have added my JS and CSS files into WWWroot and using Visual Studio code. However, I don't see the files added in the folder getting reflected in the Visual Studio code explorer.

Am I providing the path incorrectly? Or there is something wrong? Thanks.

Try css/all.css and js/Jquery3.4.1.min.js (without the leading ..) — Jb31
– Jb31, Commented Jul 19, 2020 at 13:01

Sahar Rezazadeh · Accepted Answer · 2020-07-19 13:26:03Z

1

you should use this:

 <link rel="stylesheet" href="../../css/all.css">

Or

 <link rel="stylesheet" href="~/~/css/all.css">

answered Jul 19, 2020 at 13:26

Sahar Rezazadeh

3333 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

AskMe Over a year ago

This is very generalize and This will not work.Its .net core.

foad abdollahi · Accepted Answer · 2020-07-19 15:02:12Z

0

you most change default static folder from wwwroot to root in startup.cs > Configure :

 app.UseStaticFiles(new StaticFileOptions
    {
        FileProvider = new PhysicalFileProvider(env.ContentRootPath),
        RequestPath = "/"
    });

then :

<link rel="stylesheet" href="~/css/all.css">

answered Jul 19, 2020 at 15:02

foad abdollahi

2,04618 silver badges38 bronze badges

Collectives™ on Stack Overflow

How to call custom JS and CSS files from CSHTML in .Net core

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related