Next.js: Browser show error when i use next.js running yarn dev.

Created on 4 Jun 2020  ·  12Comments  ·  Source: vercel/next.js

Bug report

Describe

I build new next-app and input yarn dev,but next run failed.

To Reproduce

Browser show those errer:

Uncaught TypeError: Cannot read property 'forEach' of undefined

Uncaught ReferenceError: $RefreshSig$ is not defined

System information

  • macOS,
  • chrome
  • Version of Next.js: 9.4.4
  • Version of Node.js: 12.16.3

Additional context

What should i do?

good first issue

Most helpful comment

Check your React Developer`s version in Chrome. And upgrage it to V4.

All 12 comments

Please add a complete reproduction otherwise we won't be able to investigate what you're running into.

To Reproduce

I want bhild new project and input npm init next-app in terminal. After normal flow, cd my-app and yarn run. Browser show blank, the console is report error when i open page on http://localhost:3000. In a nutshell, i can't run the project.

Uncaught TypeError: Cannot read property 'forEach' of undefined

Uncaught ReferenceError: $RefreshSig$ is not defined

Why did the browser report an error, how can I solve it?

It's really hard to reproduce based on "just create a Next.js app using create-next-app", can you provide a github repository?

https://github.com/Rocen/next-app  This my github repository.The project not work and report those error when i first run.

------------------ 原始邮件 ------------------
发件人: "Tim Neutkens"<[email protected]>;
发送时间: 2020年6月4日(星期四) 晚上6:29
收件人: "vercel/next.js"[email protected]>;
抄送: "风"<[email protected]>;"Author"<[email protected]>;
主题: Re: [vercel/next.js] Browser show error when i use next.js running yarn dev. (#13748)

It's really hard to reproduce based on "just create a Next.js app using create-next-app", can you provide a github repository?


You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub, or unsubscribe.

@timneutkens @Rocen hey guys, did you figure out that's a problem?
I've got the same error to try using latest version of next.js in keystone js project.

@Rocen I saw you've to commit node_modules on GitHub repository. Can you provide a screenshot of the error maybe that will helps us to investigate the issue.

@sagar-gavhane I just uploaded the screenshot to Github.This is the error reported by the console.Thank you very much.
https://github.com/Rocen/next-app/blob/master/error1.png
https://github.com/Rocen/next-app/blob/master/error2.png

Same issue here. Bug was introduced after 9.3.5. I've been stuck on that version for a while.

To reproduce, right now using 9.4.4:

npm init next-app # stick with defaults
cd my-app
next dev

Nothing renders. Open the console and the same errors mentioned above show up.

I’m also encountering this issue. I guess English isn’t the original issue creator’s language, but nonetheless the description is about as detailed as it need to be, since:

$ npm init next-app
$ npm run dev

Results in the errors mentioned above in the console when you launch localhost:3000, i.e.:

image

package-lock.json reports next as being version 9.4.4, fwiw.

Check your React Developer`s version in Chrome. And upgrage it to V4.

@qk0728 that did it! thank you

666,确实是 React Developer 版本的问题。我这边同事使用 React Developer v3 版本也会报错系统错误。关闭 React Developer 就 OK 了!

Was this page helpful?
0 / 5 - 0 ratings