小编Rob*_*ral的帖子

使用 Next JS 我想将路径上的请求重定向/home?id=123qwert到新的目标路径/home/123qwert

我在从源中提取查询参数以在目标中再次使用时遇到问题。

这是我当前的实现：

    async rewrites() {
        return [
            /**
             * My source URL -> /home?id=123qwerty
             * My new destination -> /home/123qwerty
             */
            {
                source: '/home?id=:cmsId*',
                destination: '/home/:cmsId*'
            }
        ];
    }

我的主页有一个动态页面设置/home/[id].js

我不断收到以下错误：

Reason: Unexpected MODIFIER at 5, expected END

  /home?id=:cmsId*
       ^

`source` parse failed for route {"source":"/home?id=:cmsId*","destination":"/home/:cmsId*"}

我正在使用 Gatsby starter 来自定义网站。

我使用的启动器是这样的： https: //github.com/fabien0102/gatsby-starter

为什么会出现以下错误：

Cannot find module '../../images/Logo.png'.ts(2307)

继续展示？

一切似乎都成功加载logo.png本地主机中的文件，但路径../../images/logo.png仍然带有红色下划线（这会阻止成功上传到 Netlify）。

该HeaderMenu.tsx文件如下所示：

我仍在学习中，我们将不胜感激您的帮助。

我正在使用样式组件 CSS-in-JS 设计我的 Gatsby.js 网站。

styled-components 是否可以让我的 CSS 跨浏览器兼容？

例如，假设我正在设计一个表单。对于传统的 CSS，我会做类似的事情：

button, input, select, textarea {
  margin: 0;
  width: 100%;
       border-sizing: border-box;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

对于样式组件，我想这样做：

const Form = styled.form`
  button, input, select, textarea {
    margin: 0;
    width: 100%;
    box-sizing: border-box;
  }
`

我可以省略这些-moz或-webkit声明并仍然得到跨浏览器兼容的 CSS 吗？

这是猫品种的对象，以及每种猫的数量：

const cats = {
  abyssinian: {
    number: 23
  },
  persian: {
    number: 12
  },
  siamese: {
    number: 7
  }
};

假设我想计算猫的总数。我将用于reduce计算数组值的总和。

但是要从上面的对象创建一个数组，我有两个选择：

1. Object.keys()
2. Object.values()

const cats = {
  abyssinian: {
    number: 23
  },
  persian: {
    number: 12
  },
  siamese: {
    number: 7
  }
};

我什么时候会选择一个？这里的最佳做法是什么？

我正在尝试通过 GitHub 的 GraphQL API v4 查询对 GitHub 上指定存储库的所有提交。

我只想提取他们提交的日期，以估计贡献给该存储库的总时间（类似于git-hours）

这是我的初始查询：（注意：您可以尝试在Explorer 中运行它）

{
  repository(owner: "facebook", name: "react") {
    object(expression: "master") {
      ... on Commit {
        history {
          nodes {
            committedDate
          }
        }
      }
    }
  }
}

不幸的是，由于 API 的资源限制，它只返回最新的 100 次提交：

节点限制

要通过模式验证，所有 GraphQL API v4 调用都必须满足以下标准：

• 客户端必须在任何连接上提供第一个或最后一个参数。
• first 和 last 的值必须在 1-100 之间。
• 单个调用不能请求超过 500,000 个总节点。

因此，由于我没有提供firstorlast参数，API 假定我正在查询history(first: 100). 而且我不能在单个连接中查询超过 100 个节点。

但是，总节点限制要高得多（500,000），我应该能够以 100 个为一组查询提交，直到我拥有所有提交。

我能够使用此查询查询最新的 …