问题标签 [nextjs]

正如标题所示，我有一个使用 ExpressJS 作为自定义服务器的 next.js 应用程序。我设置了一个简单的中间件来做一些日志记录，但它根本没有被调用。

像 next.js、razzle 和 back-pack 这样的构建系统似乎真的很有帮助，但根据我发现的示例和它们生成的默认应用程序，它们似乎是面向服务器端渲染的。是否有类似的构建系统可以（或这里提到的）用于构建带有 node.js 后端的动态反应应用程序？

我希望找到一个我可以开箱即用的工具，它可以观察后端和前端代码并刷新对任何一个的更改。我知道我可以找到一个 webpack 或 gulp 脚本来开始并自定义它，但我喜欢上面这样的工具的想法，它只是一个命令。

编辑

我需要将前端部署到 Google Cloud Storage，所以我根本不想要任何服务器端渲染。

我只是想用 NextJS 和 aws-amplify 运行一个基本的 hello world，但似乎在我 npm install 这两个库的那一刻

aws-amplify & aws-amplify-react

我得到“缺少反应模块”并且没有定义窗口。

我知道这可能是一个很容易回答的问题，但几个小时后我无法弄清楚。我正在尝试映射这个 JSON，但它一直说“props.shows.map”不是一个函数，但同样适用于另一位数据。我试图从数据中获取“id”和“name”之类的东西。

该映射适用于此链接：https ://api.tvmaze.com/search/shows?q=\%22Terrance%20House\%22

这是不起作用/似乎无法从以下位置获取信息的 JSON：https ://api.tvmaze.com/shows/34275/episodes

我有一个项目结构如下

有 2 个 NextJs 项目。我正在尝试在两个项目之间共享组件。但是当我尝试在其中一个项目中使用 SharedComponents 时出现错误。SharedComponents 是一个用 JSX 编写的 React 组件。

下面是错误

I've created a very simple Next.js-project with two pages.

Both pages include a basic layout component:

And PageLayout looks something like this:

So both pages use PageLayout to render a basic template that also includes the same Header on both pages.

My problem is that the Header component is re-created when navigating between the two pages. I think this is bad not only from a performance point of view, but also because in this case all DOM-Nodes and all React components loose their local state.

So I would like to know if there is something I am missing or how we can create shared components between pages that are reused properly (at least if their state did not change, of course).

我是新来的反应和nextjs：

如何在页面上共享 firebase 参考？我是否需要像在索引页面上所做的那样在每个页面（我想使用它的位置）上声明引用以及配置等？

所以我在我的 nextjs 应用程序上创建了一个自定义错误页面。按照文档，我创建了一个_error.js包含我的视图的文件（在React）

我的问题是当我处于开发模式时，我的_error页面被完全忽略（即使它通过它getInitialProps）。该render功能似乎被忽略，而是nextjs似乎正在使用其内部error-debug页面。

如果我是对的，这就是代码从 repo中所说的内容（当前版本的第 84 行）

当我作为环境构建时production，没问题，我的自定义错误页面被拾取。

关于如何在开发模式下呈现我的自定义错误页面的任何想法？

我有一个使用 NextJS 构建的应用程序。当它在生产中时，它允许尾部斜杠但会破坏一堆其他东西。它给了我以下错误：

无法在“历史”上执行“replaceState”：无法在源为“ https://myapp.com ”和 URL 为“ https://myapp.com// ”的文档中创建 URL 为“https:”的历史状态对象/ '。错误：无法在“历史”上执行“replaceState”：无法在来源为“ https://myapp.com ”和 URL“ https://myapp.com ”的文档中创建 URL 为“https:”的历史状态对象/// '.

只要有斜杠，我就想简单地重定向到正确的地址。

例如，用户类型：myapp.com///，我想将它们重定向到myapp.com，使用 NextJS 路由。这可能吗？我该怎么做呢？

我将Next.js与Redux一起使用，我需要等到动作创建者完全完成（包括对外部服务器的请求），因此数据已经在初始渲染中。我将尝试在示例中解释这种情况。

我正在使用文档中的示例中的 HOC 并用它包装page。

因此，您可以在下面看到代码示例：

index.js在pages文件夹中。

RunningLineContainer.jsx

目前，请求是在客户端发出的，因此来自请求的数据不会被服务器呈现，数据内容也不会被搜索引擎看到。我的目标是让这些数据在初始加载时得到响应（由服务器呈现）。

下面的动作创建者代码：

我尝试getInitialProps在index.js page中使用静态方法，如下所示：

不幸的是，它对我不起作用。

我该如何解决这个任务？有什么解决方法吗？

提前致谢！