网站教程中的Next.js路由错误

Question

下一个是我。js教程https://github.com/zeit/next-learn-demo.git在超过第2阶段“动态路由”的所有阶段都存在问题。即使在阶段3至8之后的阶段中，动态路由应该已经在工作。

我认为问题是文件.next/routing似乎丢失了。

因此，本教程要求代码的实现：

import { useRouter } from 'next/router';

和

const router = useRouter();

不做任何事情。

导致单击链接时出现错误：

下一步.js浏览器语法错误检查的屏幕截图

为什么路由文件不在.next文件夹中？

反应版本是16.10.2（今天通过教程说明安装）代码格式是粘贴的教程副本中的内容。（没有钩子规则破坏）没有反应重复。

Answer 1

我认为你在类组件中使用了useRouter()。useRouter是一个钩子，只在功能组件中使用。

在类组件中，我们使用路由器HOC。“路由器”对象可作为

this.props.router