如何在Gatsby中映射数组？
在Gatsby中映射数组可以通过使用GraphQL查询和React组件的映射功能来实现。以下是一个完整的步骤：
- 首先，确保你的Gatsby项目中已经安装了gatsby-plugin-sharp和gatsby-transformer-sharp插件。这些插件将帮助你处理图像。
- 在你的Gatsby项目中创建一个GraphQL查询文件，例如
src/pages/index.js。 - 在GraphQL查询文件中，使用
allDataJson查询来获取你的数据。假设你的数据存储在一个名为data.json的文件中，你可以使用以下查询：
query {
allDataJson {
edges {
node {
id
title
description
}
}
}
}- 在查询结果中，你将获得一个包含所有数据的数组。你可以在React组件中使用这个数组进行映射。
- 在你的React组件中，导入GraphQL查询文件并使用
useStaticQuery钩子来获取数据。然后，使用map函数将数据数组映射到你的组件中。
import React from "react"
import { useStaticQuery, graphql } from "gatsby"
const MyComponent = () => {
const data = useStaticQuery(graphql`
query {
allDataJson {
edges {
node {
id
title
description
}
}
}
}
`)
return (
<div>
{data.allDataJson.edges.map(({ node }) => (
<div key={node.id}>
<h2>{node.title}</h2>
<p>{node.description}</p>
</div>
))}
</div>
)
}
export default MyComponent在上面的代码中，我们使用map函数将数据数组映射到<div>元素中，并使用每个节点的id、title和description属性来渲染内容。
这是在Gatsby中映射数组的基本步骤。根据你的具体需求，你可以根据数据的不同属性来进行筛选、排序或其他操作。关于Gatsby的更多信息和示例，请参考Gatsby官方文档。
相关·内容
1回答
App.js从"../hooks/use-site-metadata“导入{ useSiteMetadata } 导出默认函数() { const { projectItems }= useSiteMetadata() return (
<Box flex flex-wrap items-start mb5>
{projectItems.map((value, index, category) => {
return (
<ProjectItem
key={index}
浏览 26提问于2020-09-22得票数 0
我试图在gatsby-config.js文件中插入快捷图标的链接，但它似乎不起作用。显然，我也在使用graphql。
module.exports = {
siteMetadata: {
title: 'xxxx',
description: 'xxxx',
keywords:
'test test test',
link: [
{
rel: 'shortcut icon',
url:
'https://xxxx
浏览 0提问于2019-10-11得票数 0
回答已采纳
我希望能够从ACF选项页检索数据。我可以在中获取我的值，但不能在我的项目中获取。
import React from "react";
import { graphql } from 'gatsby';
const Users = ({ data }) => {
return (
<div id="Users">
{
data.allWordpressAcfOptions.edges.node.options.employees.map(empl
浏览 11提问于2019-11-14得票数 1
1回答
我有一个可以工作的GraphQL查询(React，Gatsby，Typescript)。但我只让浏览器显示原始的json数据( "stringify“是正确可见的东西，原始的json)。
每当我尝试使用数据绑定时，我都会在浏览器中收到错误消息"TypeError:未定义的不是一个对象(计算'ProjectTitles.edges.node')“。但不是在控制台中。会出什么问题呢？代码如下：
import { graphql, useStaticQuery } from "gatsby";
import React, { Fragm
浏览 0提问于2020-02-05得票数 2
当我配置typography.js时，有些字体似乎起作用，而其他字体则不起作用。
我不知道为什么，因为下面这两种字体都列在Typography.js主页上：
使用的代码：
typography.js：
import Typography from "typography"
const typography = new Typography({
baseFontSize: "24px",
headerFontFamily: ["Lucida Grande"],
bodyFontFamily: ["Oxygen Mo
浏览 2提问于2018-08-06得票数 0
回答已采纳
我正在使用Markdown文件为gatby生成页面。为了控制图片的样式，我使用html语法。但是，gatsby生成的页面不显示html部分。
这是我的减价文件：
---
......frontmatter......
---
......content......
<table>
<tr>
<td><img src="./images/2018/zotero/ZoteroWebDAV.png"></td>
<td><img src="./images/2018/zoter
浏览 1提问于2022-01-24得票数 1
回答已采纳
我正在使用Gatbsy中的gatsby-plugin-root-import包来使用绝对导入。绝对导入可以工作，但Eslint抛出错误"import/no-unresolved“。我尝试使用以下代码： module.exports = {
...
"settings": {
"import/resolver": {
"node": {
"paths": ["src"]
}
},
}, 但它不起作用。这个问题有什么解决方案吗？ gat
浏览 21提问于2020-04-29得票数 4
回答已采纳
我正在使用来自Gatsby的“Gatsby-source- Prismic graphql”插件将我的棱镜存储库与一个组件连接起来，并将博客帖子数据显示为卡片。查询在GraphiQL中运行良好，但是当我将GraphQL查询实现到组件中时，Gatsby不能识别查询中的“棱镜”。 我尝试过显示其他数据，如站点元数据，但没有出现任何问题 下面是Git存储库：https://github.com/ENEIV/PrometheusIgnis gatsby-config.js // Prismic CMS
{
resolve: `gatsby-source-prismic-graph
浏览 16提问于2019-08-28得票数 1
回答已采纳
2回答
正在发挥作用的是：
布局将正确地应用于我的每个页面。
MDX文件正确地获取Hero和区段组件，并正确呈现容器的HTML/CSS
来自MDX的数据被加载并显示出来。
不起作用的是：
英雄或区段短代码中的MD没有被呈现！#没有转换成H1等等。
我试过的是：
在剖面中使用MDXRender & Hero =>错误
直接在MDX文件中使用组件，而不是使用短代码。
问题：
在短代码中不可能正确地呈现MD吗？换句话说，MDX不是递归呈现的吗？
内容/索引.：
---
title: Main Content English
slug:
浏览 6提问于2020-12-29得票数 4
回答已采纳
我一直试图在一个非常基本的盖茨比应用程序上安装NetlifyCMS，这个应用程序是通过克隆制作的。我跟踪了，但是我一直得到后端，没有发现错误。这是我的盖茨比装置：
/静态/admin/config.yml
backend:
name: appendtoStatic
branch: master
media_folder: static/img
public_folder: /images
collections:
- name: "pages"
label: "Pages"
files:
- file:
浏览 0提问于2019-04-01得票数 0
回答已采纳
我正在使用gatsby-plugin-mdx和gatsby-remark-images在MDX中合并图像以用于博客，默认情况下它应该具有Gatsby Image附带的模糊效果
下面是我在gatsby-config.js中配置插件的方法
{
resolve: `gatsby-remark-images`,
},
{
resolve: `gatsby-plugin-mdx`,
options: {
extensions: [".mdx", ".md"],
gatsbyRema
浏览 5提问于2020-06-05得票数 1
2回答
我能够成功地将静态插件连接到我的项目中，但我正在寻找一个多地图解决方案，而不是一张地图。
有办法与gatsby-config.js文件之外的插件进行交互吗？
gatsby-config.js插件设置
{
resolve: `gatsby-source-googlemaps-static`,
options: {
key: `google maps api key`,
center: `Denver, CO`
}
}
浏览 4提问于2020-03-27得票数 2
我试图使用Gatsby和Firebase的数据以编程方式创建Gatsby页面。我已经成功地设置了所有内容，直到可以通过GraphQL访问Firebase数据为止，现在我想查询使用id (以字符串格式创建的)每个新页面的具体数据。但是，当我创建模板组件并尝试查询数据时，我会得到以下错误：
Variable "$clientId" of type "String!" used in position expecting type "StringQueryOperatorInput".
我已经到处寻找这个StringQueryOperatorInput
浏览 5提问于2020-02-06得票数 8
回答已采纳
我正在尝试通过以下操作将图像导入到mdx文件中：。我的mdx文件和图像都存储在目录src，post，post-1中。但是，图像不会显示。我尝试了许多文件路径，但都没有成功。 我能够显示图像的唯一方法是使用src，例如 下面是我的gatsby.config的一部分 plugins: [
{
resolve: `gatsby-source-filesystem`,
options: {
na
浏览 46提问于2020-07-10得票数 2
1回答
我希望在GraphQL查询变量中使用一个数组，这样我就可以从一个单独的Gatsby查询中获得多个产品的数据，但是现在我得到了错误。
我的graphQL查询如下：
query ($id: [String!]) {
shopifyProduct(handle: {eq: $id}) {
handle
id
title
handle
productType
shopifyId
}
}
我的查询变量看起来如下：
{
"id": ["liner-jacket", "pocket-t-shirt"]
浏览 0提问于2019-09-22得票数 6
回答已采纳
1回答
我已经使用gatsby文档步骤在我的mac上安装了gatsby。使用此命令行"npm install -g gatsby-cli“。但我无法创建gatsby项目。我在终端中遇到"-bash: gatsby: command not found“错误。另外，尝试"sudo npm install gatsby-cli -g“，但我得到了相同的错误。我可以在堆栈溢出上看到类似的问题，但那里提供的解决方案并不能帮助我解决。
浏览 10提问于2019-08-01得票数 1
1回答
所以，我很难理解盖茨比是怎么工作的。我使用的是，它使用一个名为gatsby-source-shopify的盖茨比插件。该插件采用两个参数：shopName和accessToken。在gatsby-config.js中是这样的
{
resolve: `gatsby-source-shopify`,
options: {
// The domain name of your Shopify shop. This is required.
shopName: process.env.SHOP_NAME,
// An API access token to your
浏览 1提问于2020-03-27得票数 3
回答已采纳
我喜欢在我的gatsby网站上展示maplibre地图。我可以在React中完成。 gatsby develop没有向我显示错误。但是我在运行时在firefox中得到了这个错误： maplibre_gl__WEBPACK_IMPORTED_MODULE_2__.maplibregl is undefined ? 在Chrome中，它看起来像这样： ? 这是我在package.json中的依赖项 dependencies": {
"gatsby": "^3.13.0",
"gatsby-image": "
浏览 157提问于2021-09-06得票数 0
我在Gatsby.js中有一个插件Gatsby.js (React)。看起来是这样的：
/* file: gatsby-browser.js */
const typeWriting = () => {
new Typewriter('#intro-typing', {
strings: ['Drupal', 'WordPress', 'OpenCart'],
});
}
export const onInitialClientRender = () => {
typeWriting();
}
我想
浏览 2提问于2021-02-25得票数 0
构建过程此时冻结，运行gatsby-plugin-sharp.IMAGE_PROCESSING作业
System:
OS: macOS 12.4
CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
Shell: 5.8.1 - /bin/zsh
Binaries:
Node: 16.14.2 - ~/.nvm/versions/node/v16.14.2/bin/node
npm: 8.10.0 - ~/.nvm/versions/node/v16.14.2/bin/npm
Brows
浏览 11提问于2022-05-27得票数 4
回答已采纳
我正在使用CodeSandbox制作一个盖茨比应用程序，并试图在后端使用Prismic。我确信，我很好地设置了它，并将gatsby-source-prismic安装到了我的项目中。但是，当我将它添加到我的配置文件并重新启动项目时，它会抛出一个错误，上面写着“无效的插件选项”。这就是我的插件文件中的内容：
{
resolve: `gatsby-source-prismic`,
options: {
repositoryName: `firstprism`,
accessToken: `XXX`
},
},
这是堆栈：
ERROR
gatsby源-棱镜-无效插件选项
浏览 6提问于2020-04-17得票数 1
回答已采纳
当我运行gatsby develop并尝试在chrome dev工具中添加断点时，只能在行首添加断点，但不能在其他地方添加断点。
除了我使用的插件之外，我没有在我的gatsby配置中添加任何其他东西。
浏览 16提问于2019-08-14得票数 2
我使用Strapi作为无头CMS，并使用Gatsby + Graphql构建我的前端。我有一个“块呈现器”组件，它在strapi中呈现任何动态区域。
import React from "react"
import { graphql } from "gatsby"
import BlockHero from "./block-hero"
import BlockParagraph from "./block-paragraph"
import BlockSplitFeature from "./block-split-f
浏览 6提问于2022-08-04得票数 3
回答已采纳
我试图建立一个盖茨比网站支持的Wordpress CMS。我正在按照这里的说明。
当我尝试在提供的模板上运行gatsby develop时，我会得到大量关于不存在的字段/节点的GraphQL错误。以下几个要点：
Field "databaseId" is not defined by type WpNodeWithAuthorToUserConnectionEdgeFilterInput.
Cannot read property 'allWpPost' of undefined
Cannot query field "menuItemId" o
浏览 5提问于2020-08-14得票数 1
我正试图用strapi和gatsby获得一个快速的原型。所有的初学者似乎都不起作用，所以我在strapi网站上尝试了快速启动的方法。
首先，我遵循了这个快速启动指南，以获得strapi后端。
然后这个让盖茨比跑了。
并且遇到了两个错误。
"gatsby-source-strapi" threw an error while running the sourceNodes lifecycle:
Request failed with status code 403
...
warn The gatsby-source-strapi plugin has generated n
浏览 13提问于2022-05-26得票数 0
1回答
我正在构建一个Gatsby应用程序，我需要插入一些SSI行(样式为HTML注释)。示例
<!--#set var="section" value="#{section}"-->
<!--#include virtual="/virtual/3.0/script-app.inc"-->
我不知道该怎么做。
我需要将这些(和其他脚本)放在head标记之前、head标记内、body标记的末尾和紧跟在它后面。
我试过很多方法，但都不管用。我尝试过更改html.js，但它只是去掉了输出代码中的注释。我也尝试过使用gatsby-ssr
浏览 6提问于2019-11-06得票数 0
在v1中，我经常使用下面这样的方式向孩子们传递道具：
children({ ...this.props, foo: bar })
但是在Gatsby v2中，孩子不是一个函数：Uncaught TypeError: children is not a function
我看到子对象是一个对象数组，所以我尝试使用map (也尝试了forEach)为子对象数组中的每个对象添加一个道具：
const childrenWithProps = children.map(child => child.foo = bar)
但是我得到了：Uncaught TypeError: Cannot add p
浏览 0提问于2018-08-21得票数 2
我正在构建一个包含多个gatsby-source-filesystem实例的博客。
我试图在页面上使用gatsby图像，但它只是返回：TypeError: Cannot read property 'fixed' of undefined。
我要查询的图像位于src/images
spirits.js
import React from "react"
import { graphql } from "gatsby"
import Img from 'gatsby-image'
import Layout from ".
浏览 2提问于2020-02-25得票数 0
回答已采纳
我正在尝试创建一个Figure组件，在该组件中，我将img src与其他数据一起传递。
我意识到这并不简单--例如，-but，我认为它可以很好地处理普通的HTMLimg标记。
图像不显示。这是否意味着也适用于组件中的img标记？
如果是这样的话，我想我确实应该使用盖茨比的动态图像。我如何在静态查询(非页面组件)中做到这一点？让我相信这是不可能的，或者至少是一次黑客攻击？
MDX文档中的组件：
<Figure
image=""
size=""
caption=""
credits=""
/>
Figur
浏览 7提问于2022-04-20得票数 1
回答已采纳
我第一次构建Gatsby源代码插件时遇到了获取数据的问题。
我一直在学习教程，但我想尝试使用不同的API。
我想使用我的Store Locator小部件API密钥。
我按照相同的步骤修改了api URL，但在终端中得到了以下错误消息：
TypeError: data.locations.forEach is not a function
下面是我的gatsby-node.js文件：
const fetch = require("node-fetch")
const queryString = require("query-string")
exports.so
浏览 0提问于2019-03-06得票数 0
我的设置:我已经将Gatsby Google标签管理器插件添加到我的Gatsby代码中，并在我的GTM dashbaod中设置了几个标签。
我的问题:当我发送一个动作到我的redux saga时，如何触发一个标签？基本上有人能告诉我如何从我的代码中触发一个标签吗？Gatsby文档没有提到他们的插件中的这一点。
浏览 0提问于2019-07-16得票数 1
1回答
谁知道如何在旅途中音译链接呢？我有一个网站正在开发上盖茨比。我正在为那里的一篇文章创建一个分类，在正面写它。有些类别可以用西里尔字母写成。
---
title: "Yet Another Post"
date: "2021-07-25"
slug: "yet-another-post"
tags: ["animals", "Chicago", "zoos"]
categories: ["GatsbyJS", "Gatsby Develop", "Сайт с
浏览 3提问于2022-08-23得票数 2
回答已采纳
1回答
我使用从Github 中提取文件。它运行得很好，但是我在中添加了一些文件，并且我无法将新的文件拖到我的盖茨比项目中。
如果我在http://localhost:8000/___graphql中运行这个查询
query MyQuery {
allMarkdownRemark {
edges {
node {
frontmatter {
title
}
fileAbsolutePath
}
}
}
}
我得到了这个结果：
{
"data": {
"
浏览 1提问于2020-05-29得票数 0
回答已采纳
1回答
我有这个问题，因为我试图请求我从Gatsby用graphql上传到我的wordpress实例上的图片，但是我只得到了我上传到WordPress上的最新条目。
当我在WordPress上使用Graphiql进行查询时，我会得到所需的结果。见此图像➡️
下面是wordpress上Graphiql中get中的查询和响应
// Graphiql IDE query
{
mediaItems {
edges {
node {
databaseId
}
}
}
}
// The response
{
"data":
浏览 9提问于2022-09-01得票数 0
1回答
我在这里遵循盖茨比教程：https://www.gatsbyjs.com/docs/tutorial/ 它工作得很好，除了插件在我本地的开发环境中工作得很好，而不是在gatbsy云中。要在gatsby云中安装插件，我需要做一些特殊的事情吗？我在文档中或通过谷歌搜索找不到任何东西，但也许我遗漏了一些明显的东西？ 我的构建错误是： Restoring previous build cache and dependencies
2.25s
Install project dependencies
36.76s
Pulling latest commits from repository
1.11s
浏览 12提问于2021-09-02得票数 0
我已经研究这个问题一个星期了，但仍然困难重重。我有一个网站，使用Gatsby与棱镜，我有两种不同类型的网页:静态和动态创建的网页。静态可以包括主页、联系页面、关于我们的页面等页面。动态可以包括博客帖子、服务页面等。
我使用了react头盔将元数据注入到页面中，但后来我转而使用react。这在静态页面上有效，它包含在页面的SSR版本中，但是它不适用于动态页面。我还在布局组件上添加了一个console.log，该组件在所有页面上都使用，在静态页面上显示在终端上，而在动态页面上则不显示。
我的配置包括以下插件：
plugins: [
`gatsby-plugin-catch-links`,
浏览 2提问于2020-11-01得票数 1
我试着在盖茨比网站上使用Mapbox地图。我使用了react教程中的代码：，并将其放入映射组件中。
我在页脚上调用map组件，它在开发模式下工作得很好，但是当我运行gatsby build和gatsby serve时，它拒绝显示映射，尽管它显示了容器：
我也尝试过来自docs的另一个建议，那就是在gatsby-node.js中使用。
exports.onCreateWebpackConfig = ({ stage, loaders, actions }) => {
if (stage === "build-html") {
actions.setWebpac
浏览 4提问于2020-12-21得票数 6
回答已采纳
我正在将我的create-react-app转换为Gatsby。为此，我选择了我现有的项目，并使用npm安装了gatsby，安装了gatsby-cli，然后从一个全新的Gatsby站点复制了项目结构中的更改。然后，我将页面移动到src/ App.js /index.js中。由于我不知道如何安装gatsby-plugin-react-helmet插件，我最终删除了从gatsby new创建的站点复制的gatsby-config.js。我不知道是否需要由gatsby-config.js指定的插件来使站点工作。 这个项目使用react- circular progressbar实现了一个循环进度条
浏览 21提问于2020-01-13得票数 2
回答已采纳
我正在与盖茨比源-wordpress 合作。
如果我将API密钥/秘密硬编码到我的Gatsby.config中，一切都会正常工作，但我希望将这些作为.env变量添加，以便我可以.gitignore进行部署，这就是事情正在崩溃的地方。
在我的目录根目录下，我有一个.env文件，如下所示
CLIENT_SECRET=10987654321
CLIENT_ID=123456
USER=secret@secret.com
PASS=mypassword1
然后我尝试在gatsby.config中访问这些文件，如下所示
require('dotenv').config({
path: `
浏览 0提问于2018-10-08得票数 1
我是Gatsby的新手(一般是前端)。我试图添加katex插件https://www.gatsbyjs.org/packages/gatsby-remark-katex/到我的项目基于博客主题https://www.gatsbyjs.org/packages/gatsby-theme-blog/，但它不起作用。 我所做的工作如下:从gatsby-theme-blog开始 $ gatsby new my-themed-blog https://github.com/gatsbyjs/gatsby-starter-blog-theme
$ cd my-themed-blog 在项目的顶部，安装g
浏览 64提问于2019-12-18得票数 1
1回答
我试图找出一种解决方案，用Gatsby将图像包装在标记文档中。我尝试过wrapperStyle选项，但并不完全确定如何让它工作。我在盖茨比的网站上看到了以下代码：
wrapperStyle: fluidResult => `flex:${_.round(fluidResult.aspectRatio, 2)};`,
但我对编码非常陌生，也不知道如何阅读(我是一位专业的技术作家)。此外，添加这使我的图像消失时，我建立回购。
这里是我的gatsby-config.js文件中的一个浓缩片段，以防有人不知道我在gatsby-config.js中说的是什么。
resolve: `g
浏览 3提问于2022-03-23得票数 -1
2回答
盖茨比标记图像被模糊的跨度所困。
、、、、
我正在与盖茨比工作，我想加载我的文章中的图像，从减价。
我正在使用本教程：
我得到我的"featuredImage“正确加载和删除，然后模糊的跨度。
但是标记内部的图像被加载，但模糊的跨度停留在页面上。
我的gatsby-config.js
//https://www.gatsbyjs.org/docs/adding-markdown-pages/
module.exports = {
siteMetadata: {
title: `Tzook Blog`,
description: `My old blog in new gatsby`,
author:
浏览 3提问于2019-10-20得票数 1
回答已采纳
我只是从盖茨比开始，在以下情况下，我很难弄清楚如何使用gatsby插件映像：
const array = [
{
title: "Image 1",
image: "../images/image1.jpg"
},
{
title: "Image 2",
image: "../images/image2.jpg"
},
{
title: "Image 3",
image:
浏览 2提问于2021-05-29得票数 1
回答已采纳
2回答
我遇到的根本问题是IE11在Object doesn't support property or method 'find'中失败了。看来我需要进口巴贝尔-聚脂，但我找不到合适的地方进行进口。
我尝试导入布局index.js，但是当我导入时，gatsby build在Module build failed: Error: only one instance of babel-polyfill is allowed中失败了。
我尝试过在gatsby-browser.js和gatsby-node.js中进行要求，但当我这样做时，IE中的错误仍然会发生，就好像babe
浏览 0提问于2018-07-17得票数 1
回答已采纳
我正试图在Gatsby中建立一个博客网站，一切都运行得很完美，直到我删除了我的假测试者博客帖子。
我的错误是：
gatsby-node.js" threw an error while running the createPages lifecycle:
Cannot query field "frontmatter" on type "MarkdownRemark".
GraphQL request:8:13
7 | id
8 | frontmatter {
| ^
9 |
浏览 18提问于2019-08-20得票数 1
我有一个json文件和一个包含图像的文件夹
plugins/
└── gatsby-source-cars/
├── images/
├── cars.json
└── gatsby-node.js
文件cars.json包含一个数组，每个索引都是一个对象，其中包含一个具有图像相对路径的键。
我想要在sourceNodes上加载图像文件，而不是gatsby-image插件使用的路径。
浏览 1提问于2019-05-05得票数 4
回答已采纳
我正在使用Gatsby创建一个论坛 我已经开发了一个表单，用户可以使用它来创建线程，添加到一个名为create.js的页面上的论坛，这将发送数据到外部数据库。 一旦用户提交了线程，我想使用模板创建一个新页面，通常我会在Gatsby-node.js中使用；根据Gatsby Docs，Gatsby-node.js在部署时只运行一次。 有没有其他方法可以让我在Gatsby-node.js之外访问CreatePage()，或者有没有其他我遗漏的功能？ 最终，我希望在用户创建必要的内容后，新页面在Gatsby应用程序中可用，而无需重新部署。
浏览 14提问于2020-07-20得票数 0
我正在通过Contentful构建一个使用多种语言的动态Gatsby站点。我在gatsby-node.js的pageContext对象中传递页面的ID，以获取每个页面上的必要内容，但是在根URL /上，pageContext对象中的数据丢失了。
在我的index.js-file中，根页面/上的pageContext为空，只有参数pageContext.isCreatedByStatefulCreatePages设置为true。但是，对于在gatsby-node.js中创建的每个其他页面，pageContext对象都会按其应有的方式显示。
我在gatsby-node.js中创建页面，如下所示：
浏览 25提问于2019-11-27得票数 2
回答已采纳
我正在为如何禁用生产环境中的源地图而苦苦挣扎，因为默认的Webpack设置是省略devtool选项，但Gatsby v2正在启用它。我试着想出一种基于旧版本和新文档的方法，但它不起作用：
// gatsby-node.js
exports.onCreateWebpackConfig = ({ actions, stage }) => {
if (stage === 'build-javascript') {
// turn off source-maps
actions.setWebpackConfig({
devtool: false
浏览 10提问于2018-08-22得票数 7
回答已采纳
我正在尝试显示md文件中的Gatsby环境变量。我在网上查看了最好的方法是什么，在md文件中使用JSX (在mdx插件的帮助下)似乎是最好的选择。例如，我想映射一个来自环境变量的数组，以便显示所有值。但是，不可能访问任何变量。
ex (在我的mdx文件中)：<div>{process.env.MyVariable.map(el=>(<div>{el}</div>))}</div>
错误：ReferenceError: process is not defined
我开始在这个上添加Gatsby 。我仔细检查了一下如何使用这个。我可以访问.j
浏览 0提问于2020-06-16得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
