基本的ReactJS應用程序

我決定使用ReactJS編寫一個簡單的頁面，但我是新手。下面的代碼片段不能用於未知的原因（至少對我而言）。這裏有什麼問題嗎？基本的ReactJS應用程序

<!DOCTYPE html> 
<html> 

<head> 
    <script src="bower_components/react/react.min.js"></script> 
    <script src="bower_components/react/react-dom.min.js"></script> 
    <script src=bower_components/babel/browser.min.js"></script> 
</head> 

<body> 
<div id="my-div"></div> 
<script type="text/babel"> 
    var Message = React.createClass({ 
     render:function(){ 
      return <h1>Hello, world!</h1> 
     } 
    }); 
    ReactDOM.render(<Message/>, document.getElementById('my-div')); 
</script> 
</body> 

</html>

來源

2015-12-13 Max

它是如何工作的？你正在運行本地服務器嗎？ –

是的，我通過tomcat運行它。我能看到的只是一個空白頁面。 – Max

控制檯/開發人員工具中是否有任何錯誤？似乎在jsfiddle中工作正常：https：//jsfiddle.net/k9s41x11/ – pawel

我非常抱歉發佈一個愚蠢的問題。我的代碼除了一個之外沒有犯任何錯誤。

 src=bower_components/babel/browser.min.js"

我錯過了一個報價符號。它應該是：

 src="bower_components/babel/browser.min.js"

無論如何，謝謝你的幫助我的嘗試。

來源

2015-12-13 21:31:27 Max

我可以想象的唯一的錯誤是這段代碼是錯誤的腳本路徑。檢查控制檯是否存在此類問題。

嘗試使用也許CDN反應，而不是從涼亭這些，並告訴結果是什麼。另外，如果你不想試試CDN也許嘗試添加「/」 bower_components之前，也就是

../bower_components/react 
/bower_components/react

（野生猜測）

Dom

React

來源

2015-12-13 21:27:34 Shiroo

基本的ReactJS應用程序

回答

相關問題