Javascript ReactJS makes<；头>；在react元素中导入css/sass时可见html标记

我正在使用create react app flow编写一个“Hello World”应用程序，但是当我尝试在我的react components标记中导入css/sass时，保持可见，并且样式文本显示在我的页面背景中只需评论你的css并添加

body{
 background: #F00;
}

---

检查css文件是否正确导入。我猜您正在使用带有绝对位置的flex，这会带来一些麻烦。

我自己解决了这个问题。问题出现在_share.scss文件中。我刚刚改变了这个：

$primaryColor: #1b224b;
$secondaryColor: #77c848;

* {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  align-self: center;
  margin-top: 20px;
  display: block;
}

为此：

$primaryColor: #1b224b;
$secondaryColor: #77c848;

* {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  align-self: center;
}

---

现在一切都正常了，我认为thak

display:block

style属性也适用于

标记，因为类是

*

，它似乎缺少

中样式标记上的

type=“text/css”

，这可能会导致问题，尽管看起来不太可能。您是否手动将已编译的SCS包含为

标记？不，正如您所看到的，在我的原始html头部中没有任何标记。我想在我的react组件中使用这个css，所以我使用

import./SimpleForm.scss'导入它

和react会自动在头部添加样式标记。问题在于

CSS

中的

*

。尝试删除它。看看我在Farzam回答下的评论，问题不在其中。我已经尝试过类似的方法，但没有任何结果，实现了样式，但背景中奇怪的巨大文本就在那里，只有在我完全删除样式导入时，此文本才会消失，而不仅仅是使用用户名打印问候语（你可以在UPD_2中看到is的代码）我解决了这个问题？尽管你很糟糕，你的回答对我帮助很大