docz: v1.0.0-rc.* Compiled with errors: Module parse failed: Unexpected token

Also instead of installing webpack@4.28.2, you can specify it in resolutions in package.json

"resolutions": {
    "docz/**/webpack": "4.28.4"
}

Switching back to Storybook… such a waste of time.

No need to add those comments, the maintainer is doing a great job and does not deserve comments like that.

@pedronauck why this is closed?

I’m use CRA and installed docz@1.2.0, but after run the script there error ocurred:

Module parse failed: Unexpected token (23:38)
You may need an appropriate loader to handle this file type.
| import { MDXProvider } from '@mdx-js/react';
| 
> const BasePlayground = loadable(() => import('./Playground.esm.js'));
| const Playground = props => typeof window !== 'undefined' ? createElement(Suspense, {
|   fallback: null

This issue should not be closed.

I’ll pin acorn to the right dependency version on docz, but if you want some solution, try this:

• Keep docz dependencies like that:

"devDependencies": {
  "docz": "1.0.0-rc.7",
  "docz-core": "1.0.0-rc.7",
  "docz-theme-default": "1.0.0-rc.7",
},

It’s important to keep absolute version without ^.

• Then, add acorn@6.0.5 as a devDependency as well:

$ npm add acorn@6.0.5 --save-dev

• Finally, make a clean install of your packages

$ rm -rf node_modules package-lock.json && npm install

This could work 👍

Still broken for me as well, reverted back to version 0.13.7 for now.

@pedronauck But #596 doesn’t show the same error and the solution is not the same

Having the same issue. Though it was similar to #596, but I couldn’t fix it by downgrading webpack

I’ve tried the solutions above, but no one works, still not solved this problem. Anyone have a perfect solution? help me…

TLDR: Try webpack 4.31.0

I was facing this issue with 1.2.0. It took me an entire day, but upgrading all of my babel-related and webpack packages fixed it for me.

I tried pretty much everything in this thread, related threads, and Webpack issues and none of them worked.

After playing around with different combinations of package versions, I think the one that fixed it for me was upgrading webpack to 4.31.0.

Also instead of installing webpack@4.28.2, you can specify it in resolutions in package.json

"resolutions": {
    "docz/**/webpack": "4.28.4"
}

apparently this does not work when using workspaces

I’ll close this issue in order do #596

Digging into this, I saw that has a problem related to the way that npm solves dependencies, you can see more details about this here: https://github.com/webpack/webpack/issues/8656

I’ll try to find some solution and release in the next version.

For me, use yarn solves the problem, but it’s a temporal solution because I need to use npm.

+1

@sanohin Adding above resolution and clean yarn install after that works for me. Thanks

Downgrading webpack or setting acorn to 6.0.5 didn’t help

❯ yarn why webpack
yarn why v1.15.2
[1/4] 🤔  Why do we have the module "webpack"...?
[2/4] 🚚  Initialising dependency graph...
warning Resolution field "webpack@4.28.4" is incompatible with requested version "webpack@4.28.3"
[3/4] 🔍  Finding dependency...
[4/4] 🚡  Calculating file sizes...
=> Found "webpack@4.28.4"
info Reasons this module exists
   - "react-scripts" depends on it
   - Hoisted from "react-scripts#webpack"
   - Hoisted from "docz#docz-core#webpack"
info Disk size without dependencies: "2.34MB"
info Disk size with unique dependencies: "7.26MB"
info Disk size with transitive dependencies: "27.41MB"
info Number of shared dependencies: 118
✨  Done in 1.27s.

Do you have an ideas what else can be an issue?

Cleaning .docz, yarn.lock, package-lock.json, node_modules between attempts:

👍 Works

npm install npm run docz:dev

👎 Fails

yarn install yarn run docz:dev

Solution

yarn install yarn add -D webpack@4.28.4 yarn run docz:dev

Thanks for your help, @pedronauck 👍 I know answering questions like this one aren’t fun, but I do really, really appreciate your time ❤️

Did you try to downgrade webpack @dannyrb?

Unfortunately I’m still getting the issue with yarn and a clean project:

yarn
yarn add docz@next docz-theme-default@next --dev
add the optional scripts to package.json
yarn docz:dev

Still getting the same error.