從巴別塔學習React，TypeError browser.min.js

試圖學習React.js，並且在漫遊區。我在這裏看到了很多類似的問題，並嘗試使用切換版本和改變語法的解決方案（React和React.DOM，圍繞html的括號），但沒有運氣。其他人則表示它不再支持。如果是這種情況，我不確定該從哪裏出發，因爲我很新，並從一個較老的教程中學習。任何幫助或見解將是有益的，謝謝。從巴別塔學習React，TypeError browser.min.js

<html> 
<head> 
<title>My First Component</title> 
<script src="https://unpkg.com/[email protected]/dist/react.js"></script> 
<script src="https://unpkg.com/[email protected]/dist/react-dom.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/6.1.19/browser.min.js"></script> 
    <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.js"></script>--> 
</head> 
<body> 
    <div id="HelloMessage"></div> 
    <script type="text/babel"> 
     var HelloMessage = React.createClass({ 
      render: function(){ 
       return <div>Hello World</div>; 
      } 
     }); 

     React.render(
      <HelloMessage />, 
      document.getElementById('HelloMessage'); 
     ); 
    </script> 
</body> 
</html>

給我的類型錯誤：

來源

2017-03-14 bilcker

我會推薦查看這種新的（官方）教程 - https://reacttraining.com/online/react-fundamentals –

這是因爲，儘管你有babel-core，你沒有必要preset-react配置babel。因此，babel不知道如何處理jsx。

例如：

return <div>Hello World</div>;

的documentation會告訴你幾種方法可以包括必要的預設。

來源

2017-03-14 14:47:41

謝謝我將從那裏開始。 – bilcker

沒問題。另外，如果你的目標是首先學會簡單的反應，而不需要像webpack之類的東西和所有的配置，你可以使用https://github.com/facebookincubator/create-react-app或者看一下像（付費）課程一樣：https：//frontendmasters.com/courses/complete-intro-react/？u = 0f7234162ee993e6df7ffcbdf45f351fc8a6153c這篇文章討論瞭如何從頭開始使用反應，而沒有使用任何特殊的構建工具，然後增加複雜性，以使事情變得更簡單。強烈推薦。 –

我使用這篇文章，並能夠得到我的環境設置。 https://www.kirupa.com/react/setting_up_react_environment.htm – bilcker

從巴別塔學習React，TypeError browser.min.js

回答

相關問題