Failed to compile after upgrading from 7 to 8

[soffes]

Bug report

ERROR  Failed to compile with 1 errors

 error  in ./node_modules/next/dist/client/next-dev.js

Module parse failed: Unexpected token (34:6)
You may need an appropriate loader to handle this file type.
| 
| 
> import('./noop');
| var _window = window,
|     assetPrefix = _window.__NEXT_DATA__.assetPrefix;

 @ multi ./node_modules/next/dist/client/next-dev

Describe the bug

Upgraded from 7 to 8 and now seeing this error. I don't really understand what the issue is or what I should do to fix it.

To Reproduce

$ git clone https://github.com/soffes/soff.es && cd soff.es
$ git checkout next-8
$ npm i && npm run dev

Expected behavior

It starts the development server.

System information

• macOS 10.14.3 (18D109)
• node 11.9.0
• next 8.0.0

[lednhatkhanh]

same problem here with nextjs 8

Update: Change to use yarn instead of npm can workaround the problem

[dav-is]

@soffes Sorry I didn't recognize the bug from your tweet 🤦‍♂️

It's a known issue with npm and a newer version of webpack.
#6167 (comment)

[soffes]

The steps in that comment didn't work for me. I just removed webpack altogether and it started working.

[timneutkens]

I just removed webpack altogether and it started working.

Did you have it in your dependencies or devDependencies, if so, why'd you add it? I'm really curious about that because I've seen users do that before and I'm still not sure why and it's potentially breaking in many ways 😬.

[soffes]

Here's what I did: https://github.com/soffes/soff.es/commit/607a94237fd27f1d1354aa74ade3eef347414395

[blaiprat]

Had the same issue, in my case solved it by deleting node_modules and package-lock.json and installing everything again

[saltycrane]

For me, the solution was to remove @zeit/next-bundle-analyzer from my project. For reference, I created #6361

[coderavels]

I got this error following https://nextjs.org/learn/excel/lazy-loading-components.
I removed node_modules and package-lock.json. Removed @zeit/next-bundle-analyzer from dependencies. Then ran npm install. Ran npm install --save @zeit/next-bundle-analyzer.

Worked for me.

[jtomaszewski]

This is a problem of npm (of course) caused by acorn caused by webpack caused by updating next to 8.

Solution: webpack/webpack#8656 (comment)