下一个js反应应用程序获取未定义错误

时间:2018-11-25 14:39:28

标签: javascript reactjs next.js

我正在尝试克隆以下next.js react应用并在localhost:3000上运行它

https://github.com/elee-ittdublin/lab6-nextjs

当我打开localhost:3000时,出现以下错误

未处理的拒绝(ReferenceError):未定义提取 函数._callee $ ./pages/index.js:22

20 | // see https://nextjs.org/learn/basics/fetching-data-for-pages
>22 | Index.getInitialProps = async function() {
24 |   const url = 'https://api.tvmaze.com/search/shows?q=batman';

我试图研究自己在做错什么,但仍然无法解决问题。谁能看到我要去哪里错了?

欢呼

3 个答案:

答案 0 :(得分:1)

如果您转到examples上的示例并搜索fetch,您将看到它们正在使用什么。在示例中为node-fetch-node-fetch

答案 1 :(得分:0)

可能未安装该软件包。尝试安装https://www.npmjs.com/package/isomorphic-unfetch

答案 2 :(得分:0)

fetch浏览器中的一个预定义方法,但您的函数在服务器端工作,所以它不起作用。

有一个 npm 包,基本上是把浏览器的 fetch 和 node-fetch 结合在一起的,它叫 isomorphic-unfetch,可以通过命令 npm install isomorphic-unfetch 安装。

之后,在您想使用 unfetch 方法的任何地方使用 fetch 方法。

附注: 在较新版本的 Next.JS(10.0.0 及更高版本)中,您应该不会看到这个问题。