Gatsby: TypeError:无法读取null的属性'map‘
Gatsby是一个基于React的静态网站生成器，用于构建快速、现代化的网站和应用程序。它具有以下特点和优势：
- 静态网站生成：Gatsby使用预渲染技术生成静态HTML文件，提供快速加载和高性能的用户体验。
- 基于React：作为一个React框架，Gatsby允许开发者利用React的组件化开发和生态系统。
- 数据层抽象：Gatsby提供了数据层抽象，使开发者能够从多种数据源（如CMS、Markdown文件、API等）获取数据，并将其用于构建网站。
- 插件生态系统：Gatsby拥有丰富的插件生态系统，开发者可以利用插件来增强网站的功能和性能。
- 强大的构建工具：Gatsby提供了丰富的构建工具和优化选项，使开发者可以轻松地优化网站的加载速度和性能。
对于上述错误信息“TypeError: 无法读取null的属性'map'”，它表示在代码中尝试对一个空值（null）进行map操作，导致引发了错误。这可能是因为在使用map函数之前，未对数据进行有效的判断和处理，从而导致出现null值。
为了解决这个错误，可以采取以下步骤：
- 检查数据源：确保从数据源获取的数据不为null。可以通过打印或调试来确认数据的有效性。
- 数据处理与判断：在使用map函数之前，先对数据进行有效的判断和处理，避免对空值进行操作。可以使用条件语句（如if语句）来检查数据是否为null。
- 错误处理与容错机制：如果数据源可能返回null值，可以采取容错机制，如设置默认值或返回错误提示信息，以防止程序崩溃或用户体验受到影响。
对于Gatsby相关的问题，推荐使用腾讯云的云开发平台（CloudBase）来部署和托管Gatsby网站。腾讯云云开发提供了一站式的云端开发环境，支持多种语言和框架。你可以参考以下链接了解腾讯云云开发相关产品：
腾讯云云开发官网：https://cloud.tencent.com/product/tcb 腾讯云云开发文档：https://cloud.tencent.com/document/product/876
相关·内容
我正试图从内容丰富的数据获取图像到盖茨比网站。我可以检索文本内容。
我查看了gatsby-image插件文档。看上去很好。
const getBlogList = graphql`
{
blogs: allContentfulBlog {
edges {
node {
id
title
image {
fluid(maxWidth:250) {
...GatsbyContentfulFluid_tracedSVG
}
}
浏览 1提问于2019-06-06得票数 0
我尝试在我的应用程序中运行"gatsby develop“，它会引发以下兼容问题，
我的节点版本是16.17.0，gatsby是4.24.1。我可以猜到，它说要升级到最新版本，我无法确定我需要使用哪个版本的盖茨比4.24.1？
有人指导我正确的解决方案，以了解兼容版本，并解决以下错误？
warn Plugin gatsby-transformer-remark is not compatible with your gatsby version
4.24.1 - It requires gatsby@^2.0.33
warn Plugin gatsby-plugi
浏览 10提问于2022-10-18得票数 0
2回答
我正在尝试通过建立一个演示博客来学习Gatsby。我有一个存档组件，我在那里查询博客数据，我试图将图像作为一个道具传递下去，然而，当我试图访问我的文章组件中的道具时，我一直得到一个TypeError: Cannot read property 'childImageSharp' of null。
下面是我的代码：
import React from "react"
import { useStaticQuery, graphql } from "gatsby"
import Img from "gatsby-image"
//
浏览 3提问于2019-10-24得票数 0
我使用本地.md文件作为Gatsby数据层，但现在我需要内容内容的CMS集成。
const Promise = require('bluebird')
const path = require('path')
exports.createPages = ({ graphql, boundActionCreators }) => {
const { createPage } = boundActionCreators
return new Promise((resolve, reject) => {
const blogPost = path.re
浏览 1提问于2018-07-30得票数 0
2回答
我一直在遵循这些步骤：，因为图像>> publicURL也没有工作，我重新安装了最新版本的gatsby strapi，以便能够得到publicURL。不过，这是本地文件.
这里是我的gatsby-config.js
module.exports = {
plugins: [
"gatsby-plugin-react-helmet",
{
resolve: `gatsby-source-filesystem`,
options: {
name: `images`,
path: `${__dir
浏览 3提问于2021-04-26得票数 5
回答已采纳
我正在使用构建一个博客，我不能使用将数据从graphql查询传递到页面模板。
我的查询从中获取数据，看起来如下所示。
{
allKenticoCloudTypeBlogPost{
edges{
node{
contentItems{
elements{
url_slug{
value
}
浏览 2提问于2019-02-28得票数 0
1回答
我想通过GraphiQl从网页上的一个特定文件夹中查询多个图像。
我尝试过多种方法，但我无法显示图像。不过，我可以获得一个图像显示(没有映射)，但不是多个。
我还可以在网页上显示图像的id或底部，以显示所有这些内容的列表。但是，如果我尝试使用实际的图像，就会在控制台中得到以下错误消息：
Warning: Failed prop type: The prop `alt` is marked as required in `J`, but its value is `undefined`.
at J (webpack-internal:///./node_modules/gatsby-pl
浏览 15提问于2022-04-10得票数 0
回答已采纳
TypeError: is.urlInstance不是函数
还有一些依赖错误，我试图更新gatsby版本，但不起作用
npm错误！代码ERESOLVE npm错误！ERESOLVE无法解析依赖树npm错误！npm错误！解析时: gatsby-starter-hello-world@0.1.0 npm ERR！找到: gatsby@3.3.0 npm错误！node_modules/gatsby npm错误！来自根项目npm的gatsby@"^3.1.2“错误！npm错误！无法解析依赖关系: npm错误！peer gatsby@"^2.13.12“来自gatsby-wpgraphq
浏览 0提问于2021-04-19得票数 1
我正在学习GraphQL，我试着在Hero部分拍一张背景照片。它不起作用，我试了很多次来修复它。我使用的代码如下。一些模块是为文件的其他部分导入的。运行代码时没有错误。背景照片只是不显示。我还附加了gatsby-config.js的代码。
import React from 'react'
import styled from "styled-components"
import { StaticQuery, graphql } from 'gatsby'
import { StaticImage, GatsbyImage } from &#
浏览 5提问于2022-02-20得票数 2
当我将state与gatsby组件一起使用时，Link可以在我使用gatsby develop进行测试时工作，但在使用gatsby build时失败，并出现关于undefined内容的错误。终端显示的错误消息是WebpackError: TypeError: Cannot read property 'info' of undefined我尝试通过两种不同的方法检查undefined，但都不起作用。我不知道我必须做些什么来解决这个问题。第一个测试： if (!location.state.info) {
return null
} else 第二次测试 if (typ
浏览 9提问于2020-11-27得票数 3
回答已采纳
我试着在盖茨比网站上使用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
回答已采纳
2回答
我在我的盖茨比( Gatsby )网站上使用了。我创建了以下组件并将其导入到我的页面中。这是公司的代码。
import React, { useState } from "react"
import {
GoogleMap,
useLoadScript,
Marker,
InfoWindow,
} from "@react-google-maps/api"
import { useStaticQuery, graphql } from "gatsby"
import mapStyles from "./mapStyles&
浏览 14提问于2021-01-07得票数 1
回答已采纳
我第一次测试盖茨比和GraphQl，我正在尝试一个简单的例子.
当我想通过布局中的GraphQl请求显示标题时出现了此错误？：Uncaught TypeError:无法读取未定义的的属性'site‘
这是我的布局：
import React from 'react'
import { graphql } from 'gatsby'
export default ({ children, data }) =>
<div style={{margin: 'auto', maxWidth: 760}}>
<h
浏览 0提问于2018-10-12得票数 9
回答已采纳
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
我刚用gatsby-cli做了一个新的gatsby站点。就像这样。
$ npx gatsby new gatsby-site
我想在gatsby 3.3.1版本中使用storybook。因此，我在新的gatsby项目中使用storybook-cli。像这样
$ sbinit
但它不起作用。我觉得它有点webpack版本错误。如果我运行了它，会出现以下错误消息
$ npm run-script storybook
错误消息：
info @storybook/react v6.2.9
info
info => Loading presets
info => Loading 1 conf
浏览 0提问于2021-04-23得票数 2
在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
使用GatsbyJS，我试图在我的主页上用GraphQL查询我的博客帖子的正面内容( MDX )，这也是一个MDX文件。 我一直在关注Gatsby's guide如何做到这一点，但我一直收到错误消息"TypeError: props.data.allMdx.edges.node is undefined“ 我要在"scr/pages/index.mdx“上查询的页面 import { graphql } from "gatsby"
import Container from "../components/container"
impor
浏览 20提问于2020-01-20得票数 0
回答已采纳
问题发生在我的gatsby-config.js中对Gatbsy v3和gatsby插件-sitemap v3进行更新之后，我有站点地图的配置：
{
resolve: 'gatsby-plugin-sitemap',
options: getSitemapForLanguage('en'),
},
{
resolve: 'gatsby-plugin-sitemap',
options: getSitemapForLanguage('de'),
},
我得到了以下函数，它根据传递的语言生成站点地图：
const get
浏览 4提问于2021-03-10得票数 1
我被这个问题困住了，我不知道出了什么问题。我是盖茨比的新手。
我正在尝试从JSON文件中创建页面。我一直在犯这个错误
TypeError:无法读取未定义的属性“布局”
以下是JSON数据和代码：
JSON文件
{
"Header" : {
"TopMenu" : [
{
"url" : "/log-in",
"name" : "Log in",
&#
浏览 0提问于2019-05-29得票数 1
回答已采纳
我要在盖茨比建一个评论网站。我的页面是在构建时从远程API源创建的。
我已经将Staticman集成到我的Gatsby构建中，我可以成功地提交一个表单，然后存储在/src/data/review/property-listing_id/review-listing_id-timestamp.yml中
提交的表单是yaml，我使用和gatsby源文件系统通过graphql访问数据。
我可以很容易地使用staticquery查询数据，但这会返回所有提交的内容。
我正在挣扎的是过滤提交到相应的页面(即提交它们的页面)。
通过使用该查询，我可以获得我想要的数据，但无法映射到它，因此无法读取未定义的属性
浏览 4提问于2020-04-09得票数 0
回答已采纳
1回答
不要让查询满足于工作。接收错误消息：TypeError: Cannot read property 'allContentfulMagArticle' of undefined
data在Posts组件中未定义。我看不出我做错了什么。
import { graphql } from 'gatsby';
import Post from "./post.js";
import './posts.css';
export const query = graphql`
query {
allContentfulMagA
浏览 4提问于2021-04-10得票数 0
回答已采纳
1回答
试图运行gatsby build并获取此错误消息。
失败我们遇到了一个错误:小型化反应错误#31；访问获取完整消息，或者使用非小型化的dev环境获取全部错误和其他有用的警告。
要查看我尝试过的完整消息："GATSBY_ENV=development && gatsby build --no-uglify"，但这不会发生任何更改。
reactjs.org上的消息
对象作为React子对象无效(找到:具有键{id、frontmatter、父}的对象)。如果您打算呈现一个子集合，请使用数组代替。
这个项目中的许多对象都有这些键，所以我无法找到问题所在。
有人能告诉
浏览 1提问于2021-12-22得票数 1
回答已采纳
我得到了这个错误，甚至我的查询在GraphQL资源管理器中给了我一个正确的结果。
我试图加载文章的封面图片，但我看不出哪里是错误。
有很多博客文章和同样的问题，但我没有找到正确的答案，以纠正这个错误。
错误: TypeError:无法读取空的属性“childImageSharp”
这就是我迄今为止尝试过的：
Mdx
---
title: Hello World - from mdx!
date: 2019-06-01
published: true
tags: ['react', 'javascript']
---
浏览 4提问于2021-01-03得票数 1
我在项目中使用gatsby-image-background-slider，它会触发TypeError: Cannot read property 'style' of undefined changeIndex src/index.js:111 callback src/index.js:129。
同样的英雄最初工作，但在开发过程中，它开始给出这个错误。我已经重新安装了软件包，并使用相同的代码尝试了一个新的hello-world-project。
Hero.js
import React from "react"
import { u
浏览 2提问于2021-01-10得票数 2
我在我的网站上使用GatsbyJS &。在创建页面的过程中，是否可以跳过在我的WordPress站点上阅读设置中指定的首页和博客页面？
在研究期间，我发现一个WordPress插件WordPress主页由灰希区柯克返回网页类型的主页和页面的文章设置在阅读设置。但是，仍然不太确定是否应该用它来完成我想要做的事情？
我还发现我可以查询isPostsPage和isFrontPage。也许一旦我有了这些，我就可以在运行allWpPage.nodes时将过滤器链接到createPages上。
例如，allWpPage.nodes.filter(节点=> !node.isFrontPage小
浏览 1提问于2021-04-24得票数 1
回答已采纳
我试图显示来自JSON文件的结果，但一直收到下面的错误，但不确定为什么。该查询在GraphiQL中运行良好。
错误: TypeError:无法读取未定义的属性'id‘
你知道为什么我会得到这个错误吗？
下面是我的代码：
import React from "react"
import { StaticQuery, graphql } from "gatsby"
const SecondPage = () => (
<StaticQuery
query={graphql`
query S
浏览 8提问于2019-11-10得票数 1
回答已采纳
2回答
我在Gatsby中创建了两种类型的帖子。我有博客文章和项目。我正在使用这个指令- .底线是，这种创建方法，例如，博客不需要使用文件gatsby-node.js。
通过类推，我决定为项目添加gatsby-config.js设置
{
resolve: "gatsby-source-filesystem",
options: {
name: `blog`,
path: `${__dirname}/blog`,
}
},
浏览 5提问于2022-08-29得票数 0
回答已采纳
在Gatsby中创建类组件时，会收到以下错误：
TypeError:无法读取未定义属性的“原型”
守则如下：
Slider.js
import React from 'react'
import { Link } from 'gatsby'
export default class Slider extends React.component {
render() {
return (
<div>
{/* <Slide /> */}
浏览 1提问于2019-11-06得票数 0
回答已采纳
我搞不懂为什么在localhost:9000上运行gatsby build && gatsby serve的本地开发中，我能够以编程方式创建类别页面，根据类别slug变量查询和输出帖子列表，但是当我将站点部署到Netlify时，类别页面显示零结果，无论类别或有多少帖子与查询匹配。
// gatsby.node
exports.createPages = async ({ graphql, actions }) => {
const { createPage } = actions
const categoryTemplate = path.resolv
浏览 2提问于2020-07-17得票数 1
我正在使用来自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
回答已采纳
1回答
我对使用盖茨比( Gatsby )非常陌生，出于这个原因，我想通过遵循官方教程开始使用它。一切都进行得很顺利，直到我看到了第四部分：
当我用gatsby-config.js配置更新我的gatsby-source-filesystem文件时，我无法在本地运行我的网站。
在我的终端中运行gatsby develop命令时，尝试构建模式时会出现以下错误：
gatsby develop
success compile gatsby files - 1.288s
success load gatsby config - 0.013s
success load plugins - 0.303
浏览 8提问于2022-08-12得票数 0
我在尝试创建节点ID时遇到了一个问题。这个问题在我的gatsby-node.js文件中...该错误来自exports.sourceNodes，其中的错误为： createNodeId is not a function
TypeError: createNodeId is not a function
gatsby-node.js:32
/home/jorge/Desktop/gatsby_practice/jorge-blog/gatsby-node.js:32:15
Array.forEach
gatsby-node.js:27 Object.exports.sourceNode
浏览 19提问于2021-07-02得票数 0
在盖茨比2.17.6项目中，当建造：
构建生产JavaScript和CSS包====
1.940 s 1/6 17%的运行查询失败构建产品JavaScript和CSS包-75.519 s
错误#98123 WEBPACK
生成JavaScript包失败
postcss-svgo: TypeError:无法设置未定义的属性“multipassCount”
未完成运行查询-77.639 s npm错误！代码ELIFECYCLE npm错误！错误1国家预防机制错误！默认@1.0.0构建:节点节点_模块/gatsby/dist/bin/gatsby.js build` npm！退出状态1
这些
浏览 6提问于2019-10-29得票数 14
回答已采纳
1回答
我有一个JSON文件，它通过Gatsby源文件系统读取该文件，为Gatsby和gatsby提供了值。我使用GraphQL和gatsby-transformer-json，它提供了如下所示的查询，以访问代码中JSON的所有值
{
allSrcJson {
totalCount
edges {
node {
total
results {
account
}
}
}
}
}
现在，在我的代码中，当我尝试执行一个.map
浏览 0提问于2018-02-04得票数 0
回答已采纳
1回答
我想使用注释与“注释-中断”(或任何其他插件)。我在gatsby-config.js中尝试了这一点：
...
{
resolve: "gatsby-transformer-remark",
options: {
plugins: [
{
resolve: "remark-breaks",
},
// "remark-breaks", //this doesn't work either.
]
}
它说：
TypeE
浏览 0提问于2018-04-05得票数 2
我最近拆分了盖茨比，我想在我自己的网站上使用这个模板：
下载它时，设法运行它的，但我得到这个错误，我可以逃避：
TypeError: strings.slice(.).reduce不是函数
我在这里添加了我的存储库，以便您也可以查看一下：
你能看一下并帮我修一下吗？
错误截图：
以下是错误文本：
TypeError: strings.slice(...).reduce is not a function
css
/Users/mga/Sites/gatsby-starter-fine/.cache/loading-indicator/style.js:5
2 |
3 | functi
浏览 3提问于2022-05-20得票数 -1
回答已采纳
我在和Sanity和Gatsby合作 我正在尝试映射一个图像数组，以便在图像库中显示它们。我的GraphQL查询正在工作，我能够显示单个图像，但是当我试图在数组上映射时收到错误：TypeError: Cannot read property 'fluid' of null。 任何方向都非常感谢！ 我的问题是： {
sanityGallery {
images {
asset {
fluid {
...GatsbySanityImageFluid
}
}
}
}
} 这是可行的：
浏览 22提问于2021-01-26得票数 2
回答已采纳
1回答
在fetch请求中如何处理返回null？最终，请求会通过，但由于某种原因，它会在获取数据之前返回一堆空值。这可能是我的代码出了什么问题，还是这只是正常的获取行为？
取集装置
const [subDomains, setSubDomains] = useState(null)
const [website, setwebsite] = useState("twitter.com")
useEffect(() => {
async function fetchData() {
const response = await fetch("api_u
浏览 2提问于2021-09-05得票数 1
我不能为我的Gatsy网站创建一个站点地图。
即使有几个页面，插件的默认设置也只创建一个页面：
<sitemap>
<loc>https://www.thesite.nl/sitemap/sitemap-0.xml</loc>
</sitemap>
如果我试图用以下方法覆盖默认设置：
query: `{
site {
siteMetadata {
siteUrl
}
}
allSitePage {
浏览 7提问于2021-08-30得票数 3
回答已采纳
下面的代码在我的另一个项目中运行良好，但是当我在当前项目中放置一个对象以div时，它会保持弹出这个错误。是否需要注意placeAt()方法？
rest.then(function(response){
var dataset = response.data;
array.forEach(dataset, function(single, i){
if(dataset[i].favorite){
favorite++;
浏览 0提问于2015-09-14得票数 0
回答已采纳
我收到此错误消息: TypeError:无法读取null的属性'fixed‘。 该项目包括Javascript、Reactjs、Gatsbyjs和Contentful。 错误码部分： 3 | import { styles } from '../../utils'
4 | import Img from 'gatsby-image'
5 |
> 6 | export default function Product({ product }) {
7 | const { name, price, ingredients } =
浏览 14提问于2019-02-20得票数 1
我在Strapi上的项目内容类型上设置了一个名为pictures的多媒体(图像)字段，并添加了2个项目，每个项目包含4个图像。我想使用Graphql在Gatsby中查询这些图像。 这是我在gatsby-config.js中的插件数组 plugins: [
`gatsby-plugin-react-helmet`,
{
resolve: `gatsby-source-filesystem`,
options: {
name: `images`,
path: `${__dirname}/src/images`,
浏览 31提问于2020-07-06得票数 1
我已经完成了我的盖茨比项目，但我有问题时，试图建设。我得到了#95313错误。我在项目中没有任何错误。
ERROR
Page data from page-data.json for the failed page "/success/": {
"componentChunkName": "component---src-pages-success-index-tsx",
"path": "/success/",
"result": {
"pageContext&#
浏览 5提问于2021-10-25得票数 2
回答已采纳
我无法将Gatsby plugin for Netlify CMS安装到我的博客。我一直在学习教程，也提到了这个。
复制步骤
这里有一个链接到我的回购：
克隆我的repo并转到项目目录。
运行npm install --save netlify-cms-app gatsby-plugin-netlify-cms
预期结果
成功安装了Gatsby plugin for Netlify CMS。
实际效果
安装Netlify CMS的Gatsby插件时出错。
这是我从终端获得的错误日志：
npm ERR! code EPERM
npm ERR! syscall unlink
npm
浏览 2提问于2020-07-26得票数 1
回答已采纳
我不太清楚我的构建发生了什么，目前gatsby develop返回指向此文件的TypeError: Cannot read property 'allMarkdownRemark' of undefined gatsby-node.js:19 graphql.then.results
C:/Users/Anders/sites/gatsby-netlify-cms/gatsby-node.js:19:20 在返回有关项目error The system cannot find the path specified.的信息后，gatsby info将返回 这是gatsby-no
浏览 41提问于2018-12-23得票数 2
回答已采纳
2回答
我想在索引页的菜单部分显示我的产品。我试图从内容API中显示文本和图像等内容，但我得到了以下错误：
TypeError:无法读取属性“固定”的null
src/components/HomePageComponents/Product.js:6
从“./../utils”导入{ styles }
从"gatsby-image“导入Img
5,000
导出默认函数产品({ product }) {
7-Const{名称、价格、成分}=产品
8_
这是我的Product.js
import React from "react"
import styled from
浏览 1提问于2019-04-06得票数 3
我完成了我的第一个gatsby.js项目，它在“”下运行时没有出错。但是，当我以"gatsby clean && gatsby build“的形式运行build命令时，我会得到以下错误：
failed Building static HTML for pages - 3.164s
ERROR #95313
Building static HTML failed for path "/lectures/lecture"
See our docs page for more info on this error: https://gatsby.de
浏览 1提问于2020-11-06得票数 0
如果存在"canLogin“属性，下面的代码可以正常工作。
this.canLogin$ = this.permissions$.pipe(pluck('canLogin'));
如果该属性不存在，则得到以下错误：
ERROR TypeError:无法读取未定义的属性“canLogin”
如果属性不存在，如何检查null或返回null？
我试过这样的方法，但不起作用
this.canLogin$ = this.permissions$.pipe(pluck('canLogin')) || of(false);
浏览 2提问于2020-08-14得票数 0
回答已采纳
3回答
我使用Gatsby + Strapi堆栈。图像上传到strapi，然后通过gatsby-source-strapi插件下载，因为gatsby-image只适用于本地图像。
GraphQL query:
allStrapiRestaurant {
edges {
node {
logo{
childImageSharp {
fluid{
...GatsbyImageSharpFluid
}
}
浏览 55提问于2019-08-07得票数 3
我已经使用firebase在gatsby中实现了一个登录功能。
我用gatsby develop对它进行了测试，登录功能运行良好。
然而，当我运行gatsby build时，我得到了以下错误消息。
WebpackError: TypeError:无法读取未定义的属性“GoogleAuthProvider”
你能告诉我如何解决这个错误吗？
我正在使用。
它有以下设置。
gatsby-config.js
{
resolve: "gatsby-plugin-firebase",
options: {
credentials:
浏览 2提问于2021-01-03得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
