Getting TypeError: t(...).Object is undefined when executing reactjs code on browser [duplicate]

Question

I have written a basic code to start learning Reactjs. But I am getting below error in browser console after loading the web page. Also the web page is blank with no output being displayed.

TypeError: t(...).Object is undefined[Learn More] browser.min.js:8:31612

Below is the code :

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width-device-width, initial-scale-1" >
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.6.1    /react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.6.1/react-dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/6.1.19/browser.min.js" ></script>
</head>
<body>
<div id="root"></div>
<script type="text/babel">
  ReactDOM.render(<div>Sameer</div> , document.getElementById("root"));
</script>
</body>
</html>

Can someone please tell me if something is wrong in the code. I copied this code as it is from a online tutorial where it worked correctly.

The problem is here: /react/15.6.1 /react.js"></script> (spaces between /15.6.1 and react.js. React library can not be found. — Ma Kobi
– Ma Kobi, Commented Aug 30, 2017 at 11:37

chuve · Accepted Answer · 2017-08-30 11:11:21Z

0

You should change babel-core to babel-standalone.

Take a look:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width-device-width, initial-scale-1" >
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.6.1/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.6.1/react-dom.js"></script>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
</head>
<body>
	<div id="root"></div>
	<script type="text/babel">
		ReactDOM.render(<div>Sameer</div> , document.getElementById("root"));
	</script>
</body>
</html>

Now it works correct!

You can read more about how to use babel in browser here

answered Aug 30, 2017 at 11:11

chuve

7387 silver badges20 bronze badges

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

Comments

Mayank Shukla · Accepted Answer · 2017-08-30 11:23:15Z

-1

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width-device-width, initial-scale-1" >
        <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react-dom.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.25.0/babel.min.js"></script>
    </head>
    <body>
        <div id="root"></div>
        <script type="text/babel">
          ReactDOM.render(<div>Sameer</div> , document.getElementById("root"));
        </script>
    </body>
</html>

edited Aug 30, 2017 at 11:23

Mayank Shukla

105k19 gold badges163 silver badges146 bronze badges

answered Aug 30, 2017 at 11:17

Sanjay Chabhadiya

996 bronze badges

4 Comments

Luca Over a year ago

please dont post code-only answers, explain why your solution helps op

Sanjay Chabhadiya Over a year ago

yes agreed! i just focused on code! I will take care of it next time. was my code helped?

sameer chandekar Over a year ago

@SanjayChabhadiya Thank you. It's working as expected.

Shubham Khatri Over a year ago

You can edit an add an explanation to your current answer as well

Collectives™ on Stack Overflow

Getting TypeError: t(...).Object is undefined when executing reactjs code on browser [duplicate]

2 Answers 2

Comments

4 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Linked

Related