我正在尝试克隆以下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';
我试图研究自己在做错什么,但仍然无法解决问题。谁能看到我要去哪里错了?
欢呼
答案 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 及更高版本)中,您应该不会看到这个问题。