-
-
Notifications
You must be signed in to change notification settings - Fork 26.9k
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
fix(webpackDevServer): fix deprecation warning #11862
base: main
Are you sure you want to change the base?
Conversation
Hi @zhaomengfan! Thank you for your pull request and welcome to our community. Action RequiredIn order to merge any pull request (code, docs, etc.), we require contributors to sign our Contributor License Agreement, and we don't seem to have one on file for you. ProcessIn order for us to review and merge your suggested changes, please sign at https://code.facebook.com/cla. If you are contributing on behalf of someone else (eg your employer), the individual CLA may not be sufficient and your employer may need to sign the corporate CLA. Once the CLA is signed, our tooling will perform checks and validations. Afterwards, the pull request will be tagged with If you have received this in error or have any questions, please contact us at cla@fb.com. Thanks! |
Thank you for signing our Contributor License Agreement. We can now accept your code for this (and any) Meta Open Source project. Thanks! |
@raix , could this be added to 5.0.1, by any chance? It would reduce CRA verbosity on startup. |
@zhaomengfan Recommend upgrading webpack-dev-server to 4.7.3 to include a recent security patch |
Will this deprecation be fixed in a future release? |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It work. The warning it's gone.
This makes several significant changes to our dependencies: - react-scripts (i.e. create-react-app) is now v5 (from v4) - tailwindcss is now v3 (from a variant of v2 targeting postcss v7) - postcss is now v8 (from v7) - autoprefixer is now v10 (from v9) - craco is no longer used because react-scripts v5 natively supports tailwindcss The postcss and autoprefixer upgrades required no changes on our end, as they're used only through tailwindcss. The craco removal required minor changes to package.json to go back to invoking react-scripts directly. The react-scripts upgrade didn't require any changes apart from the other dependency upgrades. However, it did introduce a couple new harmless warnings to the build. The first is a pair of "DeprecationWarning" messages from webpack-dev-server for which a fix has already been submitted upstream to create-react-app[1]. The second is three "Failed to parse source map" messages from source-map-loader. These are due to a bug in plausible-tracker for which I've submitted a fix[2]. The tailwindcss upgrade was the most invasive and required a number of changes to our CSS and config. I fully followed the upgrade guide[3] and tested as much functionality as I could. As far as I can tell, the site behaves and appears identical to how it did before. [1] facebook/create-react-app#11862 [2] plausible/plausible-tracker#23 [3] https://tailwindcss.com/docs/upgrade-guide
This makes several significant changes to our dependencies: - react-scripts (i.e. create-react-app) is now v5 (from v4) - tailwindcss is now v3 (from a variant of v2 targeting postcss v7) - postcss is now v8 (from v7) - autoprefixer is now v10 (from v9) - craco is no longer used because react-scripts v5 natively supports tailwindcss The postcss and autoprefixer upgrades required no changes on our end, as they're used only through tailwindcss. The craco removal required minor changes to package.json to go back to invoking react-scripts directly. The react-scripts upgrade didn't require any changes apart from the other dependency upgrades. However, it did introduce a couple new harmless warnings to the build. The first is a pair of "DeprecationWarning" messages from webpack-dev-server for which a fix has already been submitted upstream to create-react-app[1]. The second is three "Failed to parse source map" messages from source-map-loader. These are due to a bug in plausible-tracker for which I've submitted a fix[2]. The tailwindcss upgrade was the most invasive and required a number of changes to our CSS and config. I fully followed the upgrade guide[3] and tested as much functionality as I could. As far as I can tell, the site behaves and appears identical to how it did before. [1] facebook/create-react-app#11862 [2] plausible/plausible-tracker#23 [3] https://tailwindcss.com/docs/upgrade-guide
This makes several significant changes to our dependencies: - react-scripts (i.e. create-react-app) is now v5 (from v4) - tailwindcss is now v3 (from a variant of v2 targeting postcss v7) - postcss is now v8 (from v7) - autoprefixer is now v10 (from v9) - craco is no longer used because react-scripts v5 natively supports tailwindcss The postcss and autoprefixer upgrades required no changes on our end, as they're used only through tailwindcss. The craco removal required minor changes to package.json to go back to invoking react-scripts directly. The react-scripts upgrade didn't require any changes apart from the other dependency upgrades. However, it did introduce a pair of harmless "DeprecationWarning" messages from webpack-dev-server to the build, for which a fix has already been submitted upstream to create-react-app[1]. The tailwindcss upgrade was the most invasive and required a number of changes to our CSS and config. I fully followed the upgrade guide[2] and tested as much functionality as I could. As far as I can tell, the site behaves and appears identical to how it did before. [1] facebook/create-react-app#11862 [2] https://tailwindcss.com/docs/upgrade-guide
This makes several significant changes to our dependencies: - react-scripts (i.e. create-react-app) is now v5 (from v4) - tailwindcss is now v3 (from a variant of v2 targeting postcss v7) - postcss is now v8 (from v7) - autoprefixer is now v10 (from v9) - craco is no longer used because react-scripts v5 natively supports tailwindcss The postcss and autoprefixer upgrades required no changes on our end, as they're used only through tailwindcss. The craco removal required minor changes to package.json to go back to invoking react-scripts directly. The react-scripts upgrade didn't require any changes apart from the other dependency upgrades. However, it did introduce a pair of harmless "DeprecationWarning" messages from webpack-dev-server to the build, for which a fix has already been submitted upstream to create-react-app[1]. The tailwindcss upgrade was the most invasive and required a number of changes to our CSS and config. I fully followed the upgrade guide[2] and tested as much functionality as I could. As far as I can tell, the site behaves and appears identical to how it did before. [1] facebook/create-react-app#11862 [2] https://tailwindcss.com/docs/upgrade-guide
Would love to see this implemented to reduce developer confusion. |
Is there a workaround until this PR is merged? Or else, is there anything that can help with it? I assume external user review / approval will not count. |
bump |
This is actually breaking our app locally. With react-scripts 5.0.1, when we run |
It really does the trick. |
At the moment my app won't start up using react-scripts@5.0.1. I see a lot of failing tests in the requested Review? How do we get this reviewed/fixed/merged in? |
Is this planned for 5.0.2? |
The issue got fixed with the changes in the below link |
Is this still planned for 5.0.2 patch ? |
|
I can't see the failure reason anymore as Azure dropped the run results, does anyone know why the tests are failing? |
The whole PR is now stale, so either the original submitter @zhaomengfan would need to rebase or somebody else would need to be active. Considering that the last commit to the master branch was in September 2022 it seems that the repository is no longer being actively maintained.
|
how can I use this branch on my code? |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
not sure if I'll be able to make it work, but it's worth a shot, my school project recommends using create-react-app
@nathanwiles Your school project's recommendation is outdated. Take a look at e.g. vite. create-react-app is unmaintained. |
IMO CRA should be maintained. Lots and lots of production apps still use CRA. This isn't breaking my app, but I do see a warning pop up for a split second before the local server runs. It's wild that this PR is still open, how can we merge it in? @zhaomengfan please merge this |
Hi Guys, Will this be fixed in any new releases? |
|
update webpack-dev-server + fix deprecation warning (#11860)