how to resolve React error Module build failed (from ./node_modules/babel-loader/lib/index.js):

Question

I am trying to learn React. I am trying to display the string Hello World but get the following error in my browser:

Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: C:\react\react-app\src\index.js: Missing semicolon. (1:6)

And I get these errors in my Editor: 1)'import ... =' can only be used in TypeScript files. 2)'=' expected. 3)';' expected.

My code is as follows:

import React from "react";
import ReactDom form "react-dom";

const element = <h1>Hello World</h1>;
ReactDom.render(element, document.getElementById('root'));

I would appreciate any help.

There's a typo in import of react-dom. It should be from instead of form. — NeERAJ TK
– NeERAJ TK, Commented Jun 10, 2022 at 13:30

Lizzy · Accepted Answer · 2022-06-12 12:46:46Z

1

See neeraj tk's comment = correct answer

I typed from instead of form. When I fixed this the code worked.

answered Jun 12, 2022 at 12:46

Lizzy

1372 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

RBT · Accepted Answer · 2022-06-14 01:08:20Z

0

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
  document.getElementById('root')
);

index.tsx

const root = ReactDOM.createRoot(
  document.getElementById('root') as HTMLElement
);
root.render(
  <React.StrictMode>
    <react-app />
  </React.StrictMode>
);
reportWebVitals();

edited Jun 14, 2022 at 1:08

RBT

26.3k24 gold badges178 silver badges267 bronze badges

answered Jun 10, 2022 at 13:31

oykn

1902 silver badges14 bronze badges

2 Comments

Lizzy Over a year ago

thank you, I tried your code and then the first two errors went away but I still get the following error: ',' expected. ts (1005) [Ln5,Col5] The code is used was: ReactDOM.render( <React.StrictMode> <react-app /> </React.StrictMode> document.getElementById('root') );

oykn Over a year ago

if use ts , you can try i edited

Collectives™ on Stack Overflow

how to resolve React error Module build failed (from ./node_modules/babel-loader/lib/index.js):

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related