Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
为什么反应渲染页面被忽略CSS文件_Css_Reactjs - Fatal编程技术网

为什么反应渲染页面被忽略CSS文件

为什么反应渲染页面被忽略CSS文件,css,reactjs,Css,Reactjs,我使用create React app创建了一个React app,它链接到我的CSS文件,如index.html文件中所示: <link rel="stylesheet" href="../src/site.css"></link> 当我的应用程序运行时,它不会将样式应用于主体。我可以看到正在下载css文件 create react应用程序不提供src目录。您需要将CSS文件移动到公共目录,或者从一个JavaScript文件导入它 在内部,所有内容都使用Webpack

我使用create React app创建了一个React app,它链接到我的CSS文件,如index.html文件中所示:

<link rel="stylesheet" href="../src/site.css"></link>
当我的应用程序运行时,它不会将样式应用于主体。我可以看到正在下载css文件

create react应用程序不提供src目录。您需要将CSS文件移动到公共目录,或者从一个JavaScript文件导入它

在内部,所有内容都使用Webpack与能够理解样式表的加载程序捆绑在一起,因此最简单的处理方法是从public/index.html文件中删除link标记,并将以下导入添加到src/index.js文件中:

或者,如果确实需要从html文件链接到样式表,可以将其移动到public/site.css并更改链接标记以引用它:

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

您是否尝试将css导入到组件类中?导入“/site.css”;我必须这样做吗?我不能把它链接到HTML文件中吗?index.HTML和site.css文件放在哪里?index.html中css的路径可能不正确。检查路径href=“../src/site.css”这似乎造成了一个问题,我猜你甚至有一个body标签吗?您发布了零代码。您不必这样做,但通常这不是使用react设计应用程序的最佳方式
import "./site.css";
<link rel="stylesheet" href="/site.css">