在创建 NextJs 应用程序之后,没有找到路由器实例错误消息

Posted

技术标签:

【中文标题】在创建 NextJs 应用程序之后,没有找到路由器实例错误消息【英文标题】:No router instances found error message, right after creating NextJs app 【发布时间】:2021-09-10 05:32:20 【问题描述】:

我是 Next JS 的新手,我在创建第一个应用程序并从终端运行它后就遇到了这个错误。我没有在 vs 代码中声明 next/router,也没有在我的项目中更改或添加文件。

我尝试重新启动服务器,但错误消息仍然存在。

错误:未找到路由器实例。 您应该只在应用的客户端使用“next/router”。

【问题讨论】:

你能提供一些关于服务器实现的细节吗? CORS 最好在服务器上解析。 【参考方案1】:

此错误是由于您的 Reactjs Web 应用程序 URL 和您的 API URL 的来源不同(不在相同的端口或相同的主机或相同的方案上运行)。

如果两个 URL 具有相同的方案、主机和端口,则它们具有相同的来源。

EX:您的 Web 应用程序 URL http://192.168.3.143:4040 与您的 React Web 应用程序 URL 不同。

因此,您需要尝试以下任一解决方案:

    您的 Web 应用程序和 API 应用程序应具有相同的方案、主机和端口

    您需要在 API 中启用 CORS,因为您的 Web URL 与 API URL 不同。

【讨论】:

以上是关于在创建 NextJs 应用程序之后,没有找到路由器实例错误消息的主要内容,如果未能解决你的问题,请参考以下文章

在 NextJS 中使用“getStaticPaths”和“getStaticProps”创建动态路由

Nextjs 动态路由与 next-i18next 构建错误

Nextjs 如何将多条路由映射到一个页面?

无法使用 NextJS 9 的 API 路由设置 cookie

Routes.push() 在 NextJS 中没有按预期工作

如何在 NextJS+React 中使用 api 生成的内容创建用户可自定义的动态 url?