gatsby-browser.js-won';加载css文件-hello world教程

gatsby-browser.js-won';加载css文件-hello world教程,gatsby,Gatsby,我正在学习盖茨比文档的基本样式教程,css文件并没有被导入或呈现到页面上 说明如下: 2.在gatsby-browser.js文件中导入最近创建的样式表: import "./src/styles/global.css" global.css只是有一个html标记: html { background-color: red; } 但是背景色没有显示。web服务器正在运行,我正在查看正确的页面。(我可以在index.js中添加更多文本,它会显示出来)。文件已保存

我正在学习盖茨比文档的基本样式教程,css文件并没有被导入或呈现到页面上

说明如下:
2.在gatsby-browser.js文件中导入最近创建的样式表:

import "./src/styles/global.css"

global.css只是有一个html标记:

html {

    background-color: red;
}
但是背景色没有显示。web服务器正在运行,我正在查看正确的页面。(我可以在index.js中添加更多文本,它会显示出来)。文件已保存,因为我已经尝试过几次。我也尝试过使用教程中所示的“require”,但这也不起作用

另外,开发工具中的控制台告诉我:

index.js:2177 404 page could not be found. Checkout https://www.gatsbyjs.org/docs/add-404-page/
我不知道它指的是什么页面,因为到目前为止我只有index.js


谢谢

好的,因为这只是几个步骤,我决定放弃这个项目,再做一次

然后我意识到指令中说要运行“touch[filename]“在终端内,为global.css和gatsby-browser.js创建文件。我想我是用VS代码创建的。用触摸命令重做这些步骤后,背景色显示出来。我不知道为什么这会在盖茨比内部产生影响,但显然是这样。我仍在阅读以找出原因。

这与您创建文件的方式无关。
您需要做的是在本地停止gatsby develop(服务器),然后重新启动它。我相信“gatsby browser.js”文件必须在启动时加载。

你能在开发者工具中看到你的
背景色
css规则吗?@ksav不,我只看到浏览器插入了body标签的“用户代理样式表”。你的终端中是否仍在运行
gatsby develop
?如果你对索引页组件做了一个简单的更改,它是否反映在浏览器中?@ksav是的,我刚刚再次检查,在显示的“hello world”旁边添加了更多文本。