Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Cannot find module ‘babel-preset-react’

by

in your webpack config did you already try @babel/preset-react instead of just react?

Btw. you test for /\.js$/
Better test for /\.jsx?$/ (x? means x is optional), because you import a .jsx file in your index.js

Not

options: {
    presets: ['react']
}

but

options: {
    presets: ['@babel/preset-react']
}

More Related Contents:

  1. babel-loader jsx SyntaxError: Unexpected token [duplicate]
  2. Importing CSS files in Isomorphic React Components
  3. Babel 7 – ReferenceError: regeneratorRuntime is not defined
  4. Webpack 5 – Uncaught ReferenceError: process is not defined
  5. styled components final styles are injected directly in DOM with tag, with style tag injection does performance gets affected?
  6. Unable to access React instance (this) inside event handler [duplicate]
  7. Call async/await functions in parallel
  8. How to display binary data as image in React?
  9. How do you send images to node js with Axios?
  10. webpack dynamic module loader by require
  11. ES6 modules implementation, how to load a json file
  12. When should I use brackets with imports
  13. How to store Configuration file and read it using React
  14. How to make Puppeteer work with a ReactJS application on the client-side
  15. Unable to use Arrow functions inside React component class [duplicate]
  16. How to build minified and uncompressed bundle with webpack?
  17. I am getting error in console “You need to enable JavaScript to run this app.” reactjs
  18. Webpack output is empty object
  19. Difference between import X and import * as X in node.js (ES6 / Babel)?
  20. How do I add validation to the form in my React component?
  21. Webpack breaking change
  22. Matched leaf route at location “/” does not have an element
  23. Is there a way to render multiple React components in the React.render() function?
  24. “You may need an additional loader to handle the result of these loaders.”
  25. How to get access to webpack-dev-server from devices in local network?
  26. How do I install the babel-polyfill library?
  27. How to setup TypeScript + Babel + Webpack?
  28. Why is my webpack bundle.js and vendor.bundle.js so incredibly big?
  29. Access from origin ‘https://example.com’ has been blocked even though I’ve allowed https://example.com/
  30. Want to have an event handler for the browser’s back button with next.js

Leave a Comment