在gatsby中全局包含sass
基础概念
Gatsby 是一个基于 React 的静态站点生成器，它允许开发者使用 GraphQL 查询数据，并将查询结果转换为静态 HTML 文件。Sass 是一种 CSS 预处理器，它扩展了 CSS 语言，提供了变量、嵌套规则、混合（mixins）、继承等高级功能。
相关优势
- 模块化：Sass 允许你将样式分割成多个模块，便于管理和维护。
- 可维护性：通过使用变量和混合，可以减少重复代码，提高代码的可维护性。
- 灵活性：Sass 提供了丰富的功能，如嵌套规则和继承，使得 CSS 编写更加灵活。
类型
在 Gatsby 中使用 Sass 主要有两种方式：
- 局部文件：在每个组件目录下创建
.scss或.sass文件，然后在组件中导入。 - 全局文件：创建一个全局的 Sass 文件，然后在 Gatsby 配置中引入，使其在整个项目中可用。
应用场景
全局 Sass 文件适用于需要在整个项目中使用的样式，例如全局变量、混合、基础样式等。
如何全局包含 Sass
要在 Gatsby 中全局包含 Sass，可以按照以下步骤进行配置：
- 安装依赖：
- 安装依赖：
- 创建全局 Sass 文件：
在项目根目录下创建一个
src/styles目录，并在其中创建一个全局 Sass 文件，例如global.scss。 - 创建全局 Sass 文件：
在项目根目录下创建一个
src/styles目录，并在其中创建一个全局 Sass 文件，例如global.scss。 - 配置 Gatsby：
在
gatsby-config.js文件中添加gatsby-plugin-sass插件，并配置全局 Sass 文件的路径。 - 配置 Gatsby：
在
gatsby-config.js文件中添加gatsby-plugin-sass插件，并配置全局 Sass 文件的路径。 - 导入全局 Sass 文件：
在
gatsby-browser.js或gatsby-ssr.js文件中导入全局 Sass 文件。 - 导入全局 Sass 文件：
在
gatsby-browser.js或gatsby-ssr.js文件中导入全局 Sass 文件。
可能遇到的问题及解决方法
- 找不到 Sass 文件：
- 确保 Sass 文件路径正确，并且在
gatsby-config.js中正确配置了includePaths。 - 确保
gatsby-plugin-sass插件已正确安装并配置。
- 确保 Sass 文件路径正确，并且在
- Sass 编译错误：
- 检查 Sass 文件中的语法错误。
- 确保
node-sass和gatsby-plugin-sass版本兼容。
- 全局样式未生效：
- 确保在
gatsby-browser.js或gatsby-ssr.js中正确导入了全局 Sass 文件。 - 检查是否有其他样式覆盖了全局样式。
- 确保在
参考链接
通过以上步骤，你可以在 Gatsby 项目中全局包含 Sass 文件，并利用 Sass 的强大功能来管理和编写样式。
相关·内容
我正在用gatsby-plugin-sass建立一个盖茨比项目。
我的gatsby-config.js文件：
module.exports = {
plugins: [
'gatsby-plugin-resolve-src',
'gatsby-plugin-sass',
'gatsby-plugin-react-helmet',
{
resolve: `gatsby-source-filesystem`,
options: {
name: `images`,
浏览 4提问于2020-03-29得票数 6
回答已采纳
1回答
我试图在我的Gatsby应用程序中设置一些全局Scss，但看起来在这样做之后，我在dev工具中看到了一些奇怪的行为：
您可以看到，我的全局样式正在多次出现并被覆盖。
这是一个Gatsby应用程序，所以我使用的是sass-loader和默认的dart-sass。
下面是我如何配置我的gatsby-config.js文件，以允许我基于这篇堆栈溢出帖子使用这些全局样式：
module.exports = {
plugins: [
...
{
resolve: `gatsby-plugin-sass`,
options: {
ad
浏览 6提问于2021-04-13得票数 1
我正在使用Gatsby插件夏普和其他插件的备注图像。下面提供了包json。 奇怪的是，构建在MacOS上运行良好，但是在尝试获取PNG镜像的元数据时，在Debian docker容器中失败了。gatsby-plugin-sharp面临此错误 仅包含package.json依赖项 "dependencies": {
"@buzz/as-components": "^1.0.3",
"@dx/continuum-footer": "^1.5.1",
"@marcom/ac-sasski
浏览 42提问于2021-02-12得票数 0
回答已采纳
运行npm run dev很好，但是npm run build要创建production构建，就会在public build文件夹中创建一个空的styles.css文件。
npm run serve以一个没有样式的网站结束，因为它导入了空的styles.css。
我尝试了在gatsby-plugin-postcss-sass和gatsby-plugin-sass中配置gatsby-config.js，如下所示：
{
resolve: "gatsby-plugin-postcss-sass",
// resolve: "gatsby-plugin-sass"
浏览 3提问于2017-10-11得票数 4
回答已采纳
我有一个盖茨比网站，使用gatsby-plugin-sass插件的sass支持。这是可行的，但现在我想添加PostCSS支持。
根据 (一个不推荐的插件)，现在应该可以通过在postCssPlugins选项中定义postcss插件来实现这一点。
事实上，告诉我我可以在这些选项中添加一个postcss插件，但我不清楚如何做到这一点。我已经分别添加了gatsby-plugin-postcss插件，现在正在尝试将它与sass插件集成。
这样做是行不通的：
gatsby-config.js:
// SASS support with PostCSS support:
`gatsby-p
浏览 5提问于2020-03-11得票数 3
回答已采纳
当我在我的gatsby项目中使用Gatsby构建时，我得到了以下错误。如果我在另一个项目中遇到了同样的问题，但另一个项目使用相同的sass语法顺利运行，我不会对此感到如此恼火。所以这不可能是一个粗鲁的问题。我想一定是我的包里有什么东西。 Generating development JavaScript bundle failed
@import "bulma"
^
Media query expression must begin with '('
in /Users/kristijan/Documents/00_clients/
浏览 17提问于2020-11-11得票数 3
安装模块后：
当我尝试运行gatsby构建时，我会得到以下错误：
ERROR
Unknown error from PostCSS plugin. Your current PostCSS version is 6.0.23, but autoprefixer uses 7.0.26. Perhaps this is the source of the error below.
ERROR #98123 WEBPACK
Generating development JavaScript bundle failed
Browser queries must be an arra
浏览 8提问于2020-02-01得票数 0
1回答
SCSS不会在盖茨比上加载
、、、、
我试着为我的盖茨比项目加载sass，但是如果我检查web的源代码，我的SASS中就没有任何类。我有点困惑，我跟踪了盖茨比的文档。所以我最后的机会就是这样。
// gatsby-config.js
plugins: [
'gatsby-plugin-react-helmet',
'gatsby-plugin-fontawesome-css',
'gatsby-plugin-sass',
{
resolve: 'gatsby-source-filesystem',
options: {
name: 'asset
浏览 0提问于2021-08-30得票数 0
回答已采纳
我正在学习一个GatsbyJS教程来了解这个“框架”。在我尝试使用Gatsby sass插件的模块功能之前，一切都很棒。我将SCSS文件放在components文件夹中，其中包含许多组件，并将其重命名为包含.component.部件。在其中一个组件中，我想使用该SCSS文件中的样式，我导入的文件设置了组件的className值，但在开发服务的页面中没有任何更改，终端声称我定义了一个变量，但从未使用过它4:8 warning 'navstyles' is defined but never used no-unused-vars。 import React from
浏览 11提问于2020-10-03得票数 0
回答已采纳
plugins: [
`gatsby-plugin-react-helmet`,
`gatsby-plugin-sass`,
{
resolve: `gatsby-source-filesystem`,
options: {
name: `images`,
path: `${__dirname}/src/images`,
},
},
`gatsby-transformer-sharp`,
`gatsby-plugin-sharp`,
{
resolve: `g
浏览 0提问于2019-07-18得票数 0
3回答
我有一个现有的GatsbyJS项目，我想将Storybook添加到这个项目中，以展示每个单独的组件。我在我的项目中使用了SCSS，它们是用gatsby-plugin-sass编译的，它工作得很好。但是，我不能在Storybook中使用我的组件，因为它不能编译SCSS文件。
我遵循了Storybook和GatsbyJS中的说明。下面是我的故事书/webpack.config.js的样子：
module.exports = ({ config }) => {
// Transpile Gatsby module because Gatsby includes un-transpiled
浏览 4提问于2019-11-08得票数 8
我刚开始使用docz，并将其添加到一个现有项目中。我需要显示react文件夹中的一个组件，但它缺少样式，所以我正在尝试将SASS文件导入到docs.mdx文件中。我按照https://www.docz.site/docs/usage-with-css-preprocessors上的说明将下面的代码添加到了gatsby-config.js中。 plugins: ['gatsby-plugin-sass'] 但每次我运行yarn docz dev时，我保存gatsby- .docz文件的插件文件夹一直在重置，而且它删除了gatsby-plugin-sass行。我错过了什么吗？ 下
浏览 21提问于2021-01-09得票数 0
我很难让Gatsby站点上的网格正常工作。我通过gatsby-plugin-sass插件使用SASS并指定选项。这是我在网上找到的确切配置：
{
resolve: 'gatsby-plugin-sass',
options: {
postCssPlugins: [
autoprefixer({
grid: true
}),
],
},
}
它放在我的gatbsy-config.js中。
我的.browserslistrc具有以下特性：
last
浏览 9提问于2020-03-01得票数 1
回答已采纳
1回答
盖茨比集短绒
、、、、
我想要盖茨比的项目中的sass linter
plugins: [
`gatsby-plugin-styled-components`,
{
resolve: `gatsby-source-contentful`,
options: {
},
},
{
resolve: "gatsby-plugin-eslint",
options: {
},
},
`gatsby-plugin-sass`
],
怎么把它包括进去？我想检测不正确的CSS
浏览 2提问于2021-10-19得票数 1
回答已采纳
我的问题
我试图将GatsbyJS静态站点部署到GitHub页面索引页，但出于某种原因，终端/命令行不会将gh-pages识别为有效命令。我在vscode中使用git，但也尝试过Windows。我希望，当我运行我添加到package.json的部署脚本时，该站点将在GitHub页面站点.github.io上发布。我收到了各种各样的错误信息，但没有找到足够的答案来解决类似的问题。
我的设置
package.json
{
"name": "gatsby-starter-dimension-v2",
"description": "Ga
浏览 0提问于2019-09-16得票数 3
1回答
我正在尝试你安装这个软件包-lottie
但我得到了这个错误，我想知道如何解决这个问题，我知道这与依赖有关，但我很难找到答案。
错误：
package.json
{
"name": "laforga",
"version": "1.0.0",
"private": true,
"description": "laforga",
"keywords": [
"gatsby"
],
浏览 1提问于2021-05-11得票数 1
当我尝试在react中启动我的项目时，我得到了这个错误，我正在使用Ubuntu系统 Found bindings for the following environments: - Linux 64-bit with Node.js 9.x 我用的是node -v : 10.13.0和npm -v : 6.11.2，这里还附上了我的package.json文件，有没有人能帮我解决这个问题？ {
"name": "gatsby-starter-hello-world",
"private": true,
"descrip
浏览 16提问于2020-08-25得票数 1
回答已采纳
1回答
我正在尝试将一个全局.scss文件导入到所有页面中。
我有以下的项目结构
/src
/pages
index.js
index.module.scss
/templates
/restaurants
/hungry
hungry.js
hungry.module.scss
/styles
typography.scss
variables.scss
/package.json
gatsby-plugin-sass
node-sass
/fonts
浏览 1提问于2021-02-11得票数 1
回答已采纳
我正在使用Gatsby/React构建一个站点，该站点在构建时向WordPress服务器发送API调用，以便检索博客帖子列表。虽然'gatsby-build‘和'gatsby develop’命令都在本地工作，但在Netlify上部署站点时，部署总是失败的：
error "gatsby-source-wordpress" threw an error while running the sourceNodes lifecycle:
Cannot convert undefined or null to object
显然，它每次都无法从WordPress检索A
浏览 3提问于2020-11-12得票数 1
我决定从盖茨比项目中删除node-sass，转而使用sass。我遵循了 for v3的内容。我删除了node-sass，现在我的package.json中有了这些版本
"gatsby-plugin-sass": "3.1.0",
"sass": "1.32.5",
我需要能够为全局变量/混和/函数编写一些@use或@import规则，这样我就可以在我的所有scss文件中使用它们，这样我就不必一次又一次地重复相同的规则。
在node-sass中，这样的东西起作用了：
{
resolve: `gatsby-plugin-sass`
浏览 13提问于2021-01-26得票数 7
回答已采纳
如何将环境变量传递给gatsby-sass-plugin？我希望能够将环境变量传递到加载器中，然后可以在scss文件中使用。这并没有很好的文档记录，我也不确定该怎么做。
参考：
这不起作用：
{
resolve: "gatsby-plugin-sass",
options: {
additionalData: `$storeName: ${process.env.SHOPIFY_STORE_NAME};`
}
},
浏览 2提问于2021-01-04得票数 3
1回答
每当我安装任何gatsby插件或排版文件，然后尝试运行gatsby develop，我会被抛出一个错误的系统，‘反应’是找不到的。示例：
我使用gatsby new example-site https://github.com/gatsbyjs/gatsby-starter-hello-world创建了一个新的盖茨比站点
我使用npm install --save node-sass gatsby-plugin-sass安装了gatsby插件-sass。
我按照插件页面上的说明，将插件添加到我的gatsby-config.js文件中。
当我现在尝试运行gatsby develop时，我会收到
浏览 2提问于2020-01-26得票数 0
回答已采纳
4回答
我有以下项目结构： gatsby-config.js
/src
/components
layout.jsx
/button
button.jsx
button.scss
/pages
/styles
styles.scss
_mixins.scss
_variables.scss 和gatsby-config.js和styles.scss分别按照以下方式进行配置： ...
plugins: [
...,
`gatsby-plugin-sass`
]
... @import 'variables',
浏览 116提问于2019-09-07得票数 10
回答已采纳
为了弄清楚如何从SCSS文件中使用颜色变量，我一直收到一个错误：
错误#98123 WEBPACK
生成开发JavaScript包失败
无效选项对象。Sass Loader已使用与API架构不匹配的options对象初始化。
选项有一个未知的属性“数据”。这些属性是有效的:对象{实现？，sassOptions?，additionalData?，sourceMap?，webpackImporter？}
文件: src/styles/main.scss
我跟踪了，并安装了gatsby-plugin-sass并将其添加到Gatsbyconfig.js中。
{
resolve:
浏览 0提问于2021-02-08得票数 1
gatsby构建过程最近在我的项目中使用以下错误消息开始失败：
这是一个具有多个依赖项的大型项目，几天前才开始收到此构建错误，而不是在任何重大代码更改或添加新包之后。我尝试过恢复到以前的提交，但没有成功，也尝试升级了项目的所有依赖项(也不成功)。
我还没有发现其他的问题对解决这个问题有多大帮助。
任何解决方案的想法都将不胜感激。
Package.json中的依赖关系：
"dependencies": {
"@fontsource/bebas-neue": "^4.5.0",
"@fontsource/open-
浏览 4提问于2021-09-01得票数 0
我构建了一个小测试项目来试用组件。我正在使用gatsby-plugin-antd和antd，以及gatsby-plugin-sass。我的问题是Antd主题覆盖了我的全局样式。我尝试将全局样式的导入放在gatsby-browser.js和我的布局组件中，但是从node_modules内部加载的样式总是在我自己的全局样式之后结束。
公平地说，我不确定问题出在Gatsby，SASS插件，Antd插件，甚至是babel-import或webpack。
// When loaded in gatsby-browser.js
import "./src/css/public-sans.scss&
浏览 1提问于2021-04-13得票数 1
1回答
我正在使用Gatsby构建一个静态站点项目。我已经成功地安装了gatsby sass插件并让sass正常工作，但是，我无法将我的自定义sass变量文件正确地导入到其他组件sass文件中。
下面是我的文件夹结构：
`--src
-components
-header
-header.js
-header.sass
--layouts
-index.js
-index.sass
--pages
-page1.js
-page1.sass
--sass
-_color.sass
-_global.sass
-_mixins.sass
`
浏览 3提问于2018-05-03得票数 2
4回答
我一直在调整Gatsby，到目前为止，它为静态网站提供了无缝的功能。我有堆栈，我需要使用bootstrap设计布局就布局而言，bootstrap工作得很好，但对于其他支持，如下拉菜单、旋转木马或模式，我必须使用bootstrap.js和它的依赖项，虽然在本地环境中一切正常，但当我部署我的网站我们的netlify时，我面临着这个问题
4:25:02 PM: failed during stage 'building site': Build script returned non-zero exit code: 1
4:25:01 PM: 7 | //# sourceMapp
浏览 3提问于2019-06-07得票数 18
回答已采纳
当我运行start storybook并导入样式时：import styles from './styles.module.scss'正确加载样式，但是当我像这样导入它们时：import * as styles from './styles.module.scss'它们不工作，我需要导入第二个方法，因为Gatsby只允许使用第二个方法(据我所知)导入
//.storybook/main.js
const path = require('path')
const postcssConfig = require('../postcss.co
浏览 8提问于2022-03-26得票数 0
这可能是一个新手问题，但是我在论坛上搜索的时候并没有找到解决方案：
我通过pages文件夹创建了一个' careers‘页面(文件名为careers.js，带有相应的slug /careers)，并在文件gatsby-node.js中使用createPages API创建了几个子页面，如下所示：
result.data.allMarkdownRemark.edges.forEach(({ node }) => {
const department = node.frontmatter.department
const slug = node
浏览 1提问于2020-05-18得票数 1
2回答
我正在使用gatsby-plugin-sass来包含我的sass文件。我有一个导入_typography.sass的web-animations.sass文件。我的_typography.sass有一个如下的font-face声明：
@font-face
font-family: 'BrandonPrinted'
src: url(../../global/fonts/brandonprinted-one-webfont.eot)
src: url(../../global/fonts/brandonprinted-one-webfont.eot?#iefix) f
浏览 15提问于2018-01-10得票数 3
2回答
我是React的新手，我正在尝试更新我的gatsby和它的依赖项，但不起作用。在终端上，我把npm outdated放在下面。
Package Current Wanted Latest Location Depended by
gatsby 2.32.4 2.32.9 3.0.0 node_modules/gatsby form-gatsby
gatsby-plugin-sass
浏览 27提问于2021-03-03得票数 3
回答已采纳
我想要实现的
在打字稿中使用“Gatsby插件-暗模式”
我至今所做的一切
yarn add gatsby-plugin-dark-modeinclude‘gatsby-plugin--在gatsby-config.js中安装“gatsby插件-暗模式”
module.exports = {
plugins: ['gatsby-plugin-dark-mode'],
}
定义了ThemeToggler组件并导入了ThemeToggler
import React from 'react'
import { ThemeToggler } from 'ga
浏览 2提问于2021-04-09得票数 1
回答已采纳
我正在尝试通过useStaticQuery从gatsby-config.js获取值。我的代码如下。
有没有人有办法解决这个问题呢？
提前谢谢你
存储库
package.json
"dependencies": {
"@babel/core": "^7.5.5",
"gatsby": "^2.13.28",
"gatsby-link": "^2.2.2",
"gatsby-plugin-react-helmet": "^3.1.
浏览 1提问于2019-08-04得票数 3
1回答
因此，我一直在尝试让我的Gatsby页面与Github页面一起工作，但在React和Javascript中，我仍然是一个newby。 这是repo (https://github.com/alexing/alexing.github.io)。 Firefox控制台抛出了这个404错误。 Refused to load the image 'http://www.alexingberg.com/favicon.ico' because it violates the following Content Security Policy directive: "img-sr
浏览 24提问于2019-01-27得票数 0
回答已采纳
1回答
当我将.js文件保存在gatsby develop中的gatsby项目中时，side总是重新构建的。现在，在从Gatsby3.0升级到4.0之后，在相同的情况下，没有重新生成。怎么修呢？
System:
OS: Linux 5.10 Ubuntu 20.04.3 LTS (Focal Fossa)
CPU: (12) x64 Intel(R) Core(TM) i5-10600K CPU @ 4.10GHz
Shell: 5.8 - /bin/zsh
Binaries:
Node: 16.12.0 - ~/.nvm/versions/node/v16
浏览 0提问于2021-10-25得票数 0
1回答
我的问题
我的h3字体重覆盖似乎不起作用.
@tailwind base;
h3{
@apply font-thin;
}
@tailwind components;
@tailwind utilities;
h3{
@apply font-thin;
}
如图中所示，来自尾风的layout.css优先于我的styles.scss
一些更多的背景：
Gatsby项目与PostCSS和SASS插件(我在这里复制了相关的gatsby-config.js：)
module.exports = {
plugins: [
`gatsby-plugin
浏览 1提问于2020-03-29得票数 0
我试图在useState中使用GatsbyJS中的一个简单的函数组件，但是在React中我得到了一个看似常见的错误。
我的精简版组件：
import React, { useState } from 'react';
export default function Header () {
const [isOpen, toggleOpen] = useState(false);
return (
<header>
<button onClick={() => toggleOpen( !isOpe
浏览 0提问于2020-10-10得票数 2
回答已采纳
我正在关注Andrew Mead在Gatsby Bootcamp上的youtube教程，直到3:10:00分钟，一切都很顺利，但一旦我安装了gatsby-remark-relative-images和gatsby-remark-images插件，并将它们添加到gatsby-config.js文件中以显示图像，当我运行npm run develop时，我得到一个错误，如下图所示。
下面是我的gatsby-config.js文件。
/**
* Configure your Gatsby site with this file.
*
* See: https://www.gatsby
浏览 24提问于2020-08-13得票数 1
1回答
我使用从Github 中提取文件。它运行得很好，但是我在中添加了一些文件，并且我无法将新的文件拖到我的盖茨比项目中。
如果我在http://localhost:8000/___graphql中运行这个查询
query MyQuery {
allMarkdownRemark {
edges {
node {
frontmatter {
title
}
fileAbsolutePath
}
}
}
}
我得到了这个结果：
{
"data": {
"
浏览 1提问于2020-05-29得票数 0
回答已采纳
当我试图使用静态查询在gatsby项目中使用gatsby映像加载图像时，会出现此错误。为了给您提供一些上下文，我使用多个gatsby网站制作了一个monorepo，并重用了共享组件。文件夹的层次结构是：
包
共享用户界面
图像
lightlogo.png
- components
- lightlogo.js
- index.js
- ventures
- src
- pages
- 404.js
index.js文件导出页面的lightlogo徽标组件以访问它。
浏览 1提问于2020-12-03得票数 0
所以，我跟随this Gatsby训练营。我在第10节，讲师正在展示如何从文件系统获取内容。我安装了用gatsby (gatsby-source-filesystem)访问文件系统的插件/依赖项，并在gatsby-config.js文件中添加了必要的配置。它看起来是这样的： /**
* Configure your Gatsby site with this file.
*
* See: https://www.gatsbyjs.com/docs/gatsby-config/
*/
module.exports = {
/* Your site config here */
浏览 22提问于2020-10-10得票数 0
我在mdx文件中使用了一个图像，但它显示了2个图像，而不是同一图像中的一个。第一个是模糊的，而第二个图像是原始图像，我只想展示原始的image.It，看起来模糊的图像应该在真正的图像出现之前被删除，但即使在页面加载之后它也会显示出来。
mdx文件的格式如下
---
title: Examples
slug: "/examples"
---
Example screenshot
gatsby-config.js文件的格式如下
module.exports = {
plugins: [
`ga
浏览 17提问于2019-08-06得票数 2
我刚在工作时换了电脑。直到今天，在我运行Windows8的旧PC上，在本地开发我的Gatsby网站时，一切都很好。由于切换(我现在在W10上)，我的透明图像现在失去了透明层，取而代之的是黑色。
这只发生在本地；站点有两个托管实例，在AWS上，prod在Netlify上，它们都很好。此外，当我在新的标签页中打开它时，图像显示得很好；只有在完整查看站点时，才会出现黑色。不过，这在所有浏览器上都会发生。
我没有更改Gatsby配置，所以我真的不知道问题是由Windows、Gatsby还是浏览器引起的，或者...尽管我猜测是使用了gatsby-image或gatsby-transformer-rema
浏览 0提问于2019-08-01得票数 1
1回答
尝试使用盖茨比运行env.cmd，但我得到了sh: env-cmd not found。我确实安装了这个包裹。我尝试过删除.node-modules并运行npm install，但仍然会遇到相同的错误。
gatsby-config.js：
{
...
"scripts": {
"build": "gatsby build",
"develop": "env-cmd --file .env.development --fallback gatsby develop",
"forma
浏览 7提问于2020-01-08得票数 3
2回答
我在Gatsby@2.2.10创建了一个网站。当我运行gatsby build并检查生成的html时，对于每个页面，我看到的都是一个空的div：<div id="___gatsby"></div。html包含样式表、javascript文件和运行应用程序所需的所有内容(顺便说一句，它是工作的)。
即使我curl产品的url，同样的div也会出现并且是完全空的。我也试过禁用javascript，得到的只是一个空白页面。我的配置不包含任何花哨的东西：
module.exports = {
siteMetadata: {
title
浏览 15提问于2019-03-26得票数 10
6回答
我不能用sudo npm install sharp安装夏普库。
终端输出：
sharp@0.23.1安装/用户/kozakiewicz/ node _ node /sharp(节点安装/libvips &&节点安装/dll-拷贝&预构建-安装)
info sharp Using cached /Users/kozakiewicz/.npm/_libvips/libvips-8.8.1-darwin-x64.tar.gz
ERR! sharp EACCES: permission denied, mkdir '/Users/kozakiewicz/node_
浏览 12提问于2019-10-14得票数 6
我在和盖茨比一起开发一个项目。当我想要构建的时候，我会在终端上得到这个错误。我尝试过许多解决方案，我删除了Node软件包-lock.json文件，我又安装了npm。我尝试过gatsby清理，我认为是由节点-sass引起的，我删除了节点-saas并重新安装了它们，我安装了旧版本，但我没有得到一个result.Has遇到的人，并解决了这个问题？你能帮忙吗？
这是我的终端
package.json
{
"name": "gatsby-starter-default",
"private": true,
"descripti
浏览 4提问于2020-12-17得票数 0
1回答
我正在努力使打字稿和sass模块在盖茨比项目中一起工作。
我正在使用gatsby-plugin-ts-loader和gatsby-plugin-sass插件。
index.tsx
import * as React from 'react';
import styles from './index.module.scss'; // TS2307: Cannot find module './index.module.scss'.
export default () => <div className={styles.root}&g
浏览 5提问于2019-11-19得票数 3
1回答
无法在gatsby配置文件中添加
、、、、
即使在gatsby配置文件中为gatsby hello world初学者项目添加了fa图标之后，它也无法工作。我尝试谷歌搜索，并在堆栈溢出搜索类似的问题，。但这没什么用否则我就错地方了。
请纠正我！！
盖茨比CONFIG.JS
/**
* Configure your Gatsby site with this file.
*
* See: https://www.gatsbyjs.org/docs/gatsby-config/
*/
module.exports = {
/* Your site config here */
siteMetadata: {
titl
浏览 1提问于2019-11-10得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
