React app not rendering CSS, i have added CSS file in index.html

Question

This is what i get when i view the page source and CSS file is also correctly linked and it opens stylesheet when clicked on the link, yet CSS is not being rendered on page. any help would be appreciated.

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>React App</title>
    <link rel="stylesheet" src="main.css" />
  </head>
  <body>
    <script src="./src/index.js"></script>
    <div id="root"></div>
  <script src="/static/js/bundle.js"></script><script src="/static/js/vendors~main.chunk.js"></script><script src="/static/js/main.chunk.js"></script></body>
</html>

kiran · Accepted Answer · 2021-07-22 11:31:34Z

2

This is a basic issue change src to href it'll work. if you have a minute just glance @ Mozilla External Resource Link element https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link

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

answered Jul 22, 2021 at 11:31

kiran

6931 gold badge4 silver badges12 bronze badges

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

Comments

LulzSec · Accepted Answer · 2021-07-22 12:02:53Z

0

You are not embedding the source here. When you need to specify the source use => href

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>React App</title>
    **<link rel="stylesheet" href="main.css" />**
  </head>
  <body>
    <script src="./src/index.js"></script>
    <div id="root"></div>
  <script src="/static/js/bundle.js"></script><script src="/static/js/vendors~main.chunk.js"></script><script src="/static/js/main.chunk.js"></script></body>
</html>

answered Jul 22, 2021 at 12:02

LulzSec

371 silver badge6 bronze badges

Collectives™ on Stack Overflow

React app not rendering CSS, i have added CSS file in index.html

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related