簡單的Reactjs應用程序不使用npm和服務器？

我想創建一個簡單的Reactjs應用程序，而不使用npm和server.py，server.js等。我只想在瀏覽器中運行我的index.html。目前我得到的是什麼都不會得到渲染和瀏覽器顯示空白的白屏，在控制檯也沒有錯誤。我已經包含了以下腳本。簡單的Reactjs應用程序不使用npm和服務器？

這裏是我的index.html

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="UTF-8" /> 
    <title>Hello React!</title> 
    <script src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xpa1/t39.3284-6/12350972_1539644969670605_801198237_n.js"></script> 
    <script src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xfa1/t39.3284-6/12056978_1723186904561917_1347349243_n.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script> 
    </head> 
    <body> 
    <div id="example"></div> 
    <script type="text/babel" src="app.js"> 

    </script> 
    </body> 
</html>

這裏app.js是我的js這使得某些部件設置到DOM。

ReactDOM.render(
    <h1>Hello, world!</h1>, 
    document.getElementById('example') 
);

這是我app.js

更新

現在我收到此錯誤信息

跨起源請求只支持協議方案：HTTP，數據， Chrome，Chrome擴展，https，Chrome擴展資源。

來源

2016-04-15 Sushant

你應該包括'app.js這裏也是 - 如果我們看不到你的代碼，很難弄清楚問題所在。 –

另外，請注意控制檯中的錯誤 – rubentd

我確定無論您嘗試渲染都必須在FireFox上完成，因爲Chrome的XSS非常嚴格。在localhost服務器上運行所有這些東西是繞過所有無意義的一種方法。 – coderrick

這也許說明和入門套件可能對您有用：https://facebook.github.io/react/docs/getting-started.html

來源

2016-04-15 14:01:57 rubentd

問題是反應其未與上飛通天處理JSX。卸下JSX正常工作：

https://jsfiddle.net/zevndLog/

var MyComponent = React.createClass({ 
    displayName: 'MyComponent', 

    render: function render() { 
    return React.createElement(
     'div', 
     null, 
     'Hello' 
    ); 
    } 
}); 

ReactDOM.render(React.createElement(MyComponent, null), document.getElementById('container'));

不記得了我心中的頂部，如果/你如何告訴通天編譯JSX上飛

來源

2016-04-15 14:10:32

簡單的Reactjs應用程序不使用npm和服務器？

回答

相關問題