获取TypeError：t（...）。在浏览器上执行reactjs代码时，对象未定义

我写了一个基本代码来开始学习Reactjs。但是在加载网页后，我在浏览器控制台中出现错误。此外，网页是空白的，没有输出显示。获取TypeError：t（...）。在浏览器上执行reactjs代码时，对象未定义

类型错误：T（...）对象是不确定的[了解详情] browser.min.js：8：31612

下面是代码：

<!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>

是否有人可以告诉我如果代码中有什么错误。我从一个在线教程中正确地复制了这段代码。

来源

2017-08-30 sameer chandekar

的问题是在这里：'/react/15.6.1 /react.js“>'（空格在'/ 15.6.1'和'react.js'之间，无法找到React库 –

-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>

来源

2017-08-30 11:17:54

请不要发布代码唯一的答案，解释为什么你的解决方案有帮助op – Unlockedluca

yes agree！我只关注代码！我的代码有帮助吗？ –

@SanjayChabhadiya Tha你好。它按预期工作。 –

你应该将babel-core改为babel-standalone。

请看：

<!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/[email protected]/babel.min.js"></script> 
 
</head> 
 
<body> 
 
\t <div id="root"></div> 
 
\t <script type="text/babel"> 
 
\t \t ReactDOM.render(<div>Sameer</div> , document.getElementById("root")); 
 
\t </script> 
 
</body> 
 
</html>

现在，它的工作原理正确的！

你可以阅读更多有关如何在浏览器中使用巴贝尔here

来源

2017-08-30 11:11:21 chuve

获取TypeError：t（...）。在浏览器上执行reactjs代码时，对象未定义

回答

相关问题