2016-11-25 3 views
0

私はnpmなしでreactjsを設定しようとしています。バベルのスクリプトは変換されていません

私はJSX前に3つのファイルを追加、それにもかかわらず、それは私にエラーを与える:

SyntaxError: Unexpected token import 

私が逃したものを理解するのに役立ちます。コードは以下の通りです。私は、インポートを使用してはならないことだコメントを@xmikeする

"use strict"; 
 
import React from 'react'; 
 
import ReactDOM from 'react-dom'; 
 

 
ReactDOM.render(<h1> Hello, world! < /h1>, 
 
    document.getElementById('react') 
 
);
<div id="react">Hi O'm HTNL!</div> 
 
<script type="text/javascript" src="react.js"></script> 
 
<script type="text/javascript" src="react-dom.js"></script> 
 
<script src="https://npmcdn.com/[email protected]/browser.min.js"></script> 
 
<script type="text/babel" src="script.js"></script>

+1

これは、現在の 'import'はあなたのブラウザのJSが認識しているものではないからです。あなたが反応して遊ぶためのサンドボックスソリューションを探しているだけなら、Facebookからの[this](https://facebook.github.io/react/downloads/single-file-example.html)htmlファイルを使用することができます。 – xmike

答えて

0

おかげで反応し、反応-DOMを私はすでにHTMLファイルでそれらを含めましたので。それがなければ、すべてうまく動作します。

関連する問題