question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Error when compiling with create-react-app v5

See original GitHub issue

Hello,

I get an error with a clean create-react-app v5 installation:

WARNING in ./node_modules/react-responsive/dist/react-responsive.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map: 'webpack:///dist/react-responsive.js' URL is not supported
 @ ./src/App.js 6:0-49 12:18-31 61:10-23
 @ ./src/index.js 6:0-24 10:33-36

Could anyone please help to fix this warning besides warning suppressing by the following config?

{
  ...webpackConfig,
  ignoreWarnings: [/Failed to parse source map/],
}

Versions

create-react-app: 5.0.0-next.47 react/react-dom: 17.0.2 react-responsive: 9.0.0-beta.4

Repository for reproduction

https://github.com/philippmalkov/cra-5-react-responsive-src-map-bug

Similar issues I found

https://github.com/yocontra/react-responsive/issues/284

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
yocontracommented, Mar 31, 2022

@alamothe The plan is to have 9.x out as soon as we get a few more people testing it - maybe even this week, there is one outstanding issue reported regarding the type exports but otherwise I think it is ready.

2reactions
alamothecommented, Mar 8, 2022

Could the fix be backported to 8.x since 9.x is still in beta?

Read more comments on GitHub >

github_iconTop Results From Across the Web

[V5] PostCSS 8 error while building · Issue #11811 - GitHub
Describe the bug While running env-cmd -f .env.staging react-scripts build I'm getting the following error: Creating an optimized production ...
Read more >
reactjs - Error while creating new React app ("You are running ...
Solution 3: Run this command · npm uninstall -g create-react-app · npm cache clean --force · npm cache verify · npx create-react-app my-app....
Read more >
How to Migrate From Create-React-App 4 to 5 - YouTube
The team behind Create - React - App updated the package from version 4 to 5. ... migrate a react application and resolve...
Read more >
My experience migrating a React App from Create-React-App ...
This error is in reference to ESLint, from what I could gather their internal ESLint was running into a conflict with my personal...
Read more >
Create React App
Less to Learn. You don't need to learn and configure many build tools. Instant reloads help you focus on development. When it's time...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found