问题标签 [nextjs]

我正在尝试使用 Cloud Functions和NextJS提供动态内容。

当我运行时，一切都按预期在本地工作firebase serve。

但是，当我运行firebase deploy并尝试运行我的函数时，我在 firebase 函数日志中收到以下错误。

我没有直接使用 babel（我使用的是 typescript），所以我的一个模块必须将它用作依赖项。

我猜我已经在本地机器上全局安装了一些东西，但它不存在于我的云功能中，但我该如何调试这将是什么？我尝试添加babel-runtime到我的 package.json

node -v v6.11.5

package.json

这些是我的脚本：

这是我的过程文件：

这些是我的配置变量：

我有一个干净的 url，其中包含一些像这样的查询参数。

http://localhost:3000/post/:id

我正在尝试像这样在客户端捕获查询参数“id”。

我的快速端点看起来像这样。

但是我的服务器端控制台输出最终是这样的。

我已经阅读了文档和 github 问题，但我似乎无法理解为什么会这样。

我正在尝试通过将“页面”目录从根位置移动到一些内部文件夹（如客户端或前端等）来清理项目结构。有没有办法做到这一点？我也可以移动 css 和 images 文件夹吗？

我正在使用 Next.js、Redux 和 Express。我的页面有这个代码：

我收到 React 调试错误，说我的服务器响应与我的客户端不同。它期待一个非常长的 JSON 响应 (252KB)，并且服务器渲染非常早地被切断。我尝试了两种发送文件的方法，但不确定为什么会缩短。

将文件修改为更小{a:1,b:2,c:3}不会导致我的完整性检查出错。

我正在尝试将 aws-appsync 与 nextjs 应用程序连接起来。我无法弄清楚如何有效地做到这一点。

我曾尝试在 github 上的下一个 js 示例中使用 apollo 示例，但没有成功。我很困惑，因为 appsync 在其文档的示例中没有使用内存缓存。

任何帮助将不胜感激。

如下所示，我正在pages/article.js使用 graphQL 查询在我的 nextJS 应用程序中获取我的数据。这些数据被传递给另一个反应组件，它给了我一个复选框列表。

选择一个复选框是调用一个突变来将所选复选框的 ID 存储在数据库中。为了更新内容，我再次refetchQueries调用主查询，这会将数据向下传递到当前组件。

到目前为止，一切正常。现在我想使用乐观的 UI 实时获取这些东西——这给我带来了一些问题......

替换refetchQueries为

让我TypeError: Cannot read property 'kind' of undefined遇到来自readQuery.

我看不出我做错了什么。这只是获得乐观 UI 的第一部分。

页面/article.js

组件/Article.js

我正在开发一个内部网络应用程序，以帮助管理我们办公室的基础设施元素。目前，我们一台运行安装了 vSphere 和 vCenter Server 的主机，其他主机根据需要循环进出。老实说，设置非常简单，但肯定比某些团队每天需要处理的复杂。为了使它更容易，我构建了一个 React 应用程序，我们的团队能够登录和配置服务器、获取 IP 地址、打开/关闭 vms 等...

Postman 使用 SDK 工具包中的示例运行良好，但将其移至 Web 应用程序和 Chrome 时，我遇到了标准的 CORS 问题，主要问题是缺少“Access-Control-Allow-Origin”标头。下面的实际错误，但我怀疑有人会需要它。

我的问题是是否可以编辑 VMWare vCenter 设备的标头来解决此问题。我已经缩小了标头可能源自的区域，缩小到称为 rhttpproxy 或 httpd 的反向代理服务，但如果没有大量挖掘 python 或 conf 文件，就无法比这更进一步。

希望有人对此有答案，即使这只是不可能的。提前致谢！

我对 nextjs 还是新手，所以我不知道这是一个错误还是我只是错误地实现了它。

我成功地使用本指南提取了我所有的 scss 文件： https ://github.com/zeit/next-plugins/tree/master/packages/next-sass

使用服务器端渲染时一切正常。外部 css 文件得到正确更新和应用，但是一旦我进行客户端页面转换，新的 scss 导入不会被注入外部 css 文件。我也不想在初始页面加载时预取每个 scss 文件，它应该动态地获取和更新服务器端路由和客户端路由上的外部文件。

我的 next.config.js

示例组件

我正在使用 React 和 Next.js 并尝试在该页面的数据不可用时从页面重定向用户Router.push('/another-page')。

为此，我正在检查状态代码getInitalProps并应用条件。它看起来像这样：

状态代码已正确设置，并使其在条件范围内，此时我收到此错误：No router instance found. You should only use "next/router" inside the client side of your app.

实际上，无论我尝试重定向组件生命周期事件的哪个位置，我都会遇到相同的错误，并且在线获得的有关此错误的信息很少。

getInitalProps可以在 next.js wiki 中看到重定向模式： HERE

非常感谢有关为什么会发生此错误或如何解决此错误的任何想法；）