堆棧內存溢出
  簡體   English   中英

React 應用程序未呈現 CSS，我在 index.html 中添加了 CSS 文件

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

 原文  2021-07-22 11:26:30  3   2    css/ reactjs

問題描述

這是我查看頁面源代碼時得到的結果，CSS 文件也正確鏈接，單擊鏈接時它會打開樣式表，但 CSS 未在頁面上呈現。 任何幫助，將不勝感激。

<!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>

2 個解決方案

解決方案1
 2 已采納  2021-07-22 11:31:34

這是一個基本問題，將 src 更改為 href 它將起作用。 如果你有時間只需看一眼@ Mozilla 外部資源鏈接元素https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link

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

解決方案2
 0  2021-07-22 12:02:53

您沒有在此處嵌入源代碼。 當您需要指定來源時使用 => 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>

暫無
暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 在 index.html 頂部添加了 bundled css 如何在React中從index.html引用CSS文件 將CSS文件從React index.html鏈接到Flask后端 如何在 React 的 index.html 文件中正確包含 css 文件？ 覆蓋 index.html css react 項目 Index.html文件CSS加載錯誤 Angular - 在 index.html 中包含 CSS 文件 CSS文件如何上傳到Github中的index.html文件？ 當我從 index.html 到 index.html/#contact 的 go 時，為什么我的 CSS 消失了？ 單獨文件中的CSS不適用於index.html
相關標簽
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM