运行反应js示例web应用程序时出现控制台错误

我是React js的新手，正在尝试使用一个非常简单的hello反应有点web应用程序。但是在运行时，在控制台中以低于错误结束。运行反应js示例web应用程序时出现控制台错误

不鼓励对已经托管阴影根的元素调用Element.createShadowRoot（）。有关更多详细信息，请参阅https://www.chromestatus.com/features/4668884095336448。

浏览器：Chrome版本46.0.24

的html代码：

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="UTF-8"/> 
     <script src="https://cdnjs.cloudfare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script> 
     <script src="https://cdnjs.cloudfare.com/ajax/libs/react/0.14.7/react.js"></script> 
     <script src="https://cdnjs.cloudfare.com/ajax/libs/react/0.14.7/react-dom.js"></script> 
    </head> 
    <body> 
     <div id="app"></div> 
     <script type="text/babel"> 
      ReactDOM.render(
       <h1>Hello React!</h1> 
       document.getElementById('app') 
      ); 
     </script> 
    </body> 
</html>

任何人都可以请指出什么可能会错误。

在此先感谢。

来源

2016-08-21 user3400887

我们不能帮你没有代码:) – martriay

@martriay看一看，代码更新的问题。谢谢 – user3400887

首先，您用于库文件的cdns无法访问。

从React Docs页这些都为cdn工作环节：

https://npmcdn.com/[email protected]/dist/react.min.js

https://npmcdn.com/[email protected]/dist/react-dom.min.js

https://npmcdn.com/[email protected]/browser.min.js

二，<h1>Hello React!</h1>后面应该有逗号，分隔应该呈现的内容到其中。

所以，你的代码应该是这样的：

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="UTF-8"/> 
     <script src="https://npmcdn.com/[email protected]/browser.min.js"></script> 
     <script src="https://npmcdn.com/[email protected]/dist/react.min.js"></script> 
     <script src="https://npmcdn.com/[email protected]/dist/react-dom.min.js"></script> 
    </head> 
    <body> 
     <div id="app"></div> 
     <script type="text/babel"> 
      ReactDOM.render(
       <h1>Hello React!</h1>, 
       document.getElementById('app') 
      ); 
     </script> 
    </body> 
</html>

来源

2016-08-21 10:57:19

是的。稍后再实现。问题用正确的cdn修复。谢谢 – user3400887

@ user3400887如果解决方案正常工作，请将答案标记为正确。 –

您的联系都断了。使用这些更新的链接

使用域cdnjs.cloudflare.com，而不是cdnjs.cloudfare.com

https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.js 
https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react.js 
https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react-dom.js

来源

2016-08-21 12:52:03 Johnson

运行反应js示例web应用程序时出现控制台错误

回答

相关问题