问题标签 [react-static]

我的应用程序具有这样的结构：

但是，我想让布局取决于加载的页面类型。

我知道this.props.location渲染的路线内部有一个，但我无法从外部访问它。

我阅读了有关提升状态的信息，但我不知道<Routes />组件是否可以这样做。

如何在布局组件中获取当前路线？

我在我的 React 应用程序中使用 react-snap 包，它基本上可以生成整个应用程序的静态形式。但它实际上会抓取所有 AJAX 数据并获取它们，然后构建静态站点。但我希望 react-snap 跳过一些 AJAX 请求。我希望我的应用程序在客户端打开静态页面时发出这些请求。

我有一个由单击按钮触发的事件函数。其目的是保持身体位置固定，使其不会滚动，直到您再次单击按钮以关闭/切换它。

它工作正常，但是当我单击另一个页面而不将其关闭时，它仍然处于活动状态。这意味着新页面将不会滚动，因为正文位置是固定的。

我是 React 的新手，仅供参考

我的代码：

我正在使用 react-staticwithRouteData, RouteData, Router并且我在这些页面上没有问题。但是，在诸如文章页面之类的页面上，路线不会以相同的方式更改。这就是我看到问题的地方。

有什么我可以用它包装的，这样当我点击一个新页面时它会恢复默认值吗？

请先询问您是否需要更多信息，我很乐意添加更多信息。

在我正在编写的这个react-static应用程序中，我注意到上述错误仅发生在 IE11 及以下版本上。它发生在我项目的一些依赖项上，而不是我自己编写的代码上（我正在用 .polly 填充整个应用程序@babel/polyfill）。所以，我非常确信我没有任何问题。

这让我觉得我也应该@babel/polyfill依赖依赖，对吗？如果是这样，我该怎么做？

我的 。babelrc文件：

我的package.json文件：

我正在尝试更多地了解静态站点及其周围的各种工具。

所以我认为：

• Gatsby 和 React-Static 是获取 JSON 数据并制作静态快速加载站点的工具/方式。可以直接上传到 s3 或云存储桶中并且加载速度非常快的东西。

  • 我认为 netlify 只是构建在 AWS 上的一系列工具，可以轻松管理静态站点？

  • netlify CMS（我认为）是一种能够将内容放入 github 并将其绑定到静态站点的方法？

  • contentful 是一种获取输出 JSON 的用户输入/内容（类似于 wordpres 管理员）的方式。这就像一种非技术性的用户方式来输入内容并以开发人员可以使用 gatsby/react-static 之类的方式输出内容

我只是不确定这些是如何相关的或在哪里有重叠。有任何想法吗？

我正在使用 react-static 生成一个静态网站。使用新useLayoutEffect的钩子 API，我在静态渲染阶段收到此警告（与服务器端渲染相同的 API）：

当然，这是有道理的。但是当一个人确定不会有任何不匹配时，摆脱这个警告的好选择是什么？

在我的布局效果中，我只是在body标签中添加了一些 CSS，因此在客户端的水合阶段不会出现任何不匹配（因为body不是 React 的业务）。

React 强烈禁止使用条件钩子，但在那种非常特殊的情况下，做这样的事情是否有意义：

什么是正确的方法？

使用 react-static 构建站点时出现此错误：

C:/Users/.../test/artifacts/react-static-templates.js 1:1016 C:/Users/.../test/artifacts/react-static-templates.js 1:1016 中的错误模块解析失败：意外令牌 (1:1016) 您可能需要适当的加载程序来处理此文件类型。

该网站刚刚创建。我可以运行它，但我不能为部署而构建。

这似乎是 babel loader 的一个问题，但我对 react-static 架构的了解不够，无法修复它。

这里我认为可能相关的配置文件：

文件：.babelrc

文件：.eslintrc.js

文件：package.json

环境：

• 节点：v10.15.3
• npm：6.9.0
• 反应静态：6.3.6

2019-03-16 更新：

取得了一点进展。发现这个已关闭的问题与此错误完全匹配。

尽管如此，在应用修复后，静态模板的构建仍然失败，但现在出现错误消息：

我将Switch路由器组件添加到我的项目中以设置默认页面。当我构建它时，会出现以下错误：

运行站点时不会发生这种情况（npm run start）。

更奇怪的是，仅在构建站点时发生，对于某些页面。即使我在构建之间没有更改任何内容，受影响的页面也会更改每个构建。

这里的路由器声明： App.js

环境：react-static v6.3.6

我的网站是建立在react-static一个基于reactjs.

我按照谷歌指南将其添加react-google-tag-manager到项目中。

当我刷新页面时，我在浏览器上收到以下错误，对于 GoogleTagManager 模块：

TypeError：无法读取未定义的属性“字符串”

在

它将 React 缝合为不再是Proptypes财产。

环境：

• “反应”：“16.8.4”，
• “反应谷歌标签管理器”：“2.2.1”，

在清理 windows 环境并重新安装 nodejs 和 react-static 后，按照此过程从 react-static 空白模板创建新应用程序时出现此错误。

/.../react-static-test/react-static-test/dist/react-static-templates.js 中的错误 1:1051 模块解析失败：意外令牌 (1:1051) 您可能需要适当的加载程序来处理这种文件类型。

该程序很好，多次帮助我通过，但由于某种原因，react-static 的包树中的接缝有些不稳定。