小编Fer*_*reu的帖子

如何在 Gatsby JS 的页面根目录中手动添加 .txt 文件?

我想检索对 Google Analytics(分析)帐户的访问权限。Google 建议我在网站的根目录创建一个 analytics.txt 文件,以便htttp://my-site.com/analytics.txt.

如何.txt使用 Gatsby手动将文件放置在站点的根目录下?Gatsby 将 JS 文件编译成 HTML。我尝试在/public文件夹中手动放置一个 analytics.txt 文件,但这似乎也不起作用。

Gatsby 文档对这个主题没有帮助。

我们正在使用 Netlify 部署站点并将源代码存储在 Git Lab 上。

任何帮助,将不胜感激。

google-analytics gatsby

3
推荐指数
1
解决办法
647
查看次数

GraphQL 自定义日期和格式字符串

我有这个:

export const pageQuery = graphql`
  query {
    site {
      siteMetadata {
        title
      }
    }
    allMdx(sort: { fields: [frontmatter___date], order: DESC }) {
      edges {
        node {
          excerpt
          fields {
            slug
          }
          frontmatter {
            date(formatString: "DD 'de'  MMMM, YYYY", locale: "pt")
            title
            description
          }
        }
      }
    }
  }
`
Run Code Online (Sandbox Code Playgroud)

在该行中 ->> date(formatString: "DD 'de' MMMM, YYYY", locale: "pt") 我必须插入字符串,但此“de”不起作用。我知道我想显示这样的日期: 25 de March, 2020. 但结果是: 25 '32' March, 2020. 我知道这行不通,我知道为什么,但我做对了。我正在使用 Gatsbyjs 和 graphql

javascript date-formatting graphql template-literals gatsby

3
推荐指数
1
解决办法
3384
查看次数

在 React 组件中等待异步函数并显示 Spinner

初学者在这里。

尝试从服务器获取一些数据并在获取后将其显示在我的反应组件中。但是,我在将异步函数集成到我的反应组件中时遇到了麻烦。

import React, { useState } from "react";
import { request } from "graphql-request";

async function fetchData() {
  const endpoint = "https://localhost:3090/graphql"

  const query = `
    query getItems($id: ID) {
      item(id: $id) {
        title
      }
    }
  `;

  const variables = {
    id: "123123123"
  };

  const data = await request(endpoint, query, variables);
  // console.log(JSON.stringify(data, undefined, 2));

  return data;
}

const TestingGraphQL = () => {
  const data = fetchData().catch((error) => console.error(error));

  return (
    <div>
      {data.item.title}
    </div>
  );
};

export default …
Run Code Online (Sandbox Code Playgroud)

javascript asynchronous async-await reactjs react-apollo

3
推荐指数
1
解决办法
2万
查看次数

如何为“mailto”链接 Gatsby 链接?

我正在用 gatsby 写一个博客,但是,这Link不适用于mailto

这是我的代码。它让我http://localhost:8000/mailto:kjcoco13@gmail.com
想到我想将它Link用于外部。

<Link to='mailto:kjcoco13@gmail.com'></Link>
Run Code Online (Sandbox Code Playgroud)

javascript reactjs graphql gatsby

3
推荐指数
1
解决办法
963
查看次数

将加密浏览器添加到 Gatsby 项目

我想将 use-shopping-cart ( https://useshoppingcart.com/ ) 添加到我的 Gatsby 项目中。当我尝试使用它时,出现此错误:

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules 
by default.
This is no longer the case. Verify if you need this module and configure a
polyfill for it.

If you want to include a polyfill, you need to:
    - add a fallback 'resolve.fallback: { "crypto":
require.resolve("crypto-browserify") }'
    - install 'crypto-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
    resolve.fallback: …
Run Code Online (Sandbox Code Playgroud)

javascript stripe-payments reactjs webpack gatsby

3
推荐指数
1
解决办法
888
查看次数

我可以扩展 graphql 片段吗?

例如,我有该段落的下一个查询:

query ParagraphText {
  field_title
  field_body
  field_subtitle
  field_image
  field_button
}
Run Code Online (Sandbox Code Playgroud)

我在首页上使用了这一段。但我也在另一个页面上使用了这一段,但我不希望这个查询有按钮。有机会扩展片段吗?

fragment ParagraphText on paragraph__text {
  field_title
  field_body
  field_subtitle
  field_image
}

fragment ParagraphTextWithButton extends ParagraphText {
  field_button
}
Run Code Online (Sandbox Code Playgroud)

graphql

3
推荐指数
1
解决办法
1350
查看次数

M1 Macbook Pro 上出现 ERR_NO_BUFFER_SPACE 错误

过去 7 个月我一直使用 Macbook Pro M1 进行 Web 开发。

最近,在启动我的开发服务器(使用 Vite 和 Gatsby 进行 React)大约 1-2 分钟后,我在 Chrome 中收到 ERR_NO_BUFFER_SPACE,并且我没有互联网连接。

我使用非 M1 Macbook 的同事没有遇到同样的问题。

macos websocket vite

3
推荐指数
1
解决办法
3761
查看次数

使用 Netlify 身份登录不可用

我部署了 Gatsby + Netlify 站点,并且 cms 插件在 gatsby-config.js 下配置如下:

{
  resolve: 'gatsby-plugin-netlify-cms',
    options: {
      modulePath: `${__dirname}/src/cms/cms.js`,
  },
}, 
Run Code Online (Sandbox Code Playgroud)

该网站已启用 https,但我只能选择使用 github 登录,并且需要启用 Netlify 身份登录。

有什么线索吗?

在此输入图像描述

javascript reactjs gatsby netlify netlify-cms

2
推荐指数
1
解决办法
1320
查看次数

在 git 初始化文件夹上创建 Gatsby 项目

我有一个没有文件的 git 文件夹,所以我想使用 Gatsby CLI 在该文件夹中创建一个项目。使用gatsby new .但失败的是存储库不是空的,但它只有.git文件夹。我可以使用哪些替代方案来实现我的目标。

javascript reactjs graphql gatsby netlify

2
推荐指数
1
解决办法
1608
查看次数

导航时在菜单项上加下划线

我在 react 上使用 gatsby 并有一个带链接的导航菜单,希望在单击链接时在当前页面中显示边框底部,此时边框仅在悬停时出现。

       <ul className="men" id="menu">
            <li className="menuSob">
              <Link className="menuItem" to="/about/">
                sobre a magnet
              </Link>
             </li>
             <li className="menuRep">
              <Link className="menuItem" to="/representacoes/">
                representacoes
              </Link>
             </li>
             <li className="menuServ">
              <Link className="menuItem" to="/servicos/">
               servicos
              </Link>
             </li>
             <li className="menuContent">
              <Link className="menuItem" to="/conteudo/">
                conteudo
              </Link>
             </li>
             <li className="menuCont">
              <Link className="menuItem" to="/contato/">
                contato
              </Link>
             </li>
       </ul>
Run Code Online (Sandbox Code Playgroud)

html javascript css reactjs gatsby

2
推荐指数
1
解决办法
361
查看次数