Create-react-app: [email protected] and react-styleguidist@7 incompatibility

Created on 5 Jun 2018  路  5Comments  路  Source: facebook/create-react-app

Is this a bug report?

Yes

Did you try recovering your dependencies?

Yes

Which terms did you search for in User Guide?

N/A

Environment

Environment:
OS: macOS High Sierra 10.13.4
Node: 8.11.1
Yarn: 1.7.0
npm: 6.1.0
Watchman: Not Found
Xcode: Not Found
Android Studio: 3.0 AI-171.4443003

Packages: (wanted => installed)
react: 16.2.0 => 16.2.0
react-dom: 16.2.0 => 16.2.0
react-scripts: 2.0.0-next.66cc7a90 => 2.0.0-next.66cc7a90

Steps to Reproduce

  1. create app with [email protected]
  2. Add react-styleguidist@7
  3. start application development server with yarn start or npm run start

Expected Behavior

The application server should start without failing a pre-flight check

Actual Behavior

Application server fails to start due to strict matching on webpack-dev-server to version 2.11.0 and react-styleguidist@7 uses [email protected]

Reproducible Demo

I don't have time to build one right now. I'll add one if I have time later.

All 5 comments

While not a long term solution, nor a suggested, nor supported solution; I was able to temporarily solve this issue by locking webpack-dev-server in my package.json

{
  ...
  "devDependencies": {
    ...
    "webpack-dev-server": "2.11.0"
  }
}

fyi there is another issue with running styleguidist on @next: https://github.com/facebook/create-react-app/issues/4477

These two things should never be installed side-by-side, so I'm closing this. There's too many nuanced bugs in package managers and packages for us to even attempt to solve this; the package manager should handle it.

@Timer CRA currently supports using react-styleguidist. Is react-scripts 2 removing support for this then?

https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#getting-started-with-styleguidist

react-scripts 2 will change how this works, suggesting you install it to a monorepo/separate package.
Plus, we don't have "support" for it -- this was a contributor-provided guide that we don't know how to support.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

ericdfields picture ericdfields  路  78Comments

jantimon picture jantimon  路  154Comments

gaearon picture gaearon  路  86Comments

gabrielmicko picture gabrielmicko  路  70Comments

godmar picture godmar  路  130Comments