使用 brunch/with-react 时出现不希望的背景颜色叠加答案

【问题标题】：Undesired background color overlay while using brunch/with-react使用 brunch/with-react 时出现不希望的背景颜色叠加
【发布时间】：2017-02-22 19:11:24
【问题描述】：

我不确定这个问题是否与早午餐直接相关，但这是我第一次使用这个框架，也是第一次看到这样的东西......

我正在尝试 brunch/with-react 骨架，但我的 DOM 元素有一点问题。

我在app/styles/application.css中改变了我身体的背景颜色如下

body {
  background-color: #cfcfcf
}

这是结果 DOM rendering

我使用的是 Chrome，所以我继续检查了每个元素。我找不到任何造成这种行为的因素。

【问题讨论】：

你能分享你剩下的html吗？
这里有一个要点中的相关文件：gist.github.com/alexishuard/465bf6cf826f2c1c082837ca70d479f2

标签： reactjs brunch

【解决方案1】：

您的 html 页面显示：

<link rel="stylesheet" type="text/css" href="/app.css">

但是你的 css 文件名是 application.css

【讨论】：

这是 brunch 编译 public/app.css 中所有 css 的方式；所以 application.css 实际上是编译到了相应的文件中。