運行反應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應用程序時出現控制檯錯誤

回答

相關問題