Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

💅 Polish webpack message output #5174

Merged
merged 26 commits into from
Sep 30, 2018
Merged

Conversation

Timer
Copy link
Contributor

@Timer Timer commented Sep 30, 2018

The lengths we go to for user experience...

Somewhere along the line, webpack started formatting module/file not found errors without specifying where the request came from!
We needed to intercept calls from the compilation which exposed ModuleNotFoundError and edit the Error's message to include relevant information.

We should probably send a pull request to webpack in the future and revert this hack.

This PR also corrects a bunch of other output from common errors.

exportError,
"$1 '$3' does not contain an export named '$2'."
);
'Run `npm i node-sass --save` or `yarn add node-sass` inside your workspace.';
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Do we know whether they use Yarn by presence of lockfile?

@gaearon
Copy link
Contributor

gaearon commented Sep 30, 2018

We should definitely follow up on each of these. We're taking on some debt here.

@Timer
Copy link
Contributor Author

Timer commented Sep 30, 2018

Definitely taking on some debt, but at least it's tested. I'll file some webpack issues and cross reference them here.

@Timer Timer merged commit 7b1a32b into facebook:master Sep 30, 2018
@Timer Timer deleted the fix-message-formatting branch September 30, 2018 21:44
zmitry pushed a commit to zmitry/create-react-app that referenced this pull request Oct 2, 2018
* Only install react-scripts in CI mode

* Link locally

* Re-enable all output tests

* 💄 Polish webpack output

* Test sass support message

* Add more tests, but disabled

* Format missing default export error

* Format aliased import

* Why was node-sass required? Odd

* Format webpack rejection error

* Re-enable unknown package test

* Format file not found error and catch module scope plugin error

* Re-disable case sensitive paths

* Intercept and format case sensitive path errors

* Test out of scope message formatting

* Run behavior on macOS

* Run behavior on Node 8 and 10, only Node 8 for macOS

* Add some debugging

* Update matcher

* Only check stderr

* Remove old snapshot

* More debug

* Remove debug

* Add new debug

* Disable test on linux

* Add comment for future
@lock lock bot locked and limited conversation to collaborators Jan 19, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants