ReactJS認識されないトークンのインポート

Question

現在、ReactJSの使用方法を習得しようとしていますが、問題が発生しましたが、修正する正しい方法が見つからないようです。

私はnpmをインストールし、npm --install reactとnpm --install react-domをプロジェクトのルートに実行しました。このプロジェクトはHTML/JavascriptでPHPのバックエンドに投稿していますが、NodeJSを使用していないのですが、これは私が見てきたことに多大な影響を与えているようですが、私の理解からNodeは必須条件ではありません。

私は、次のjsファイルを持っている

import * as ReactDOM from "react-dom"; 
import * as React from "react"; 
$(document).ready(function(){ 

    postToMiddleware(null, "account-manager.php", "testReact", function(result){ 
     alert(JSON.stringify(result)); 

     ReactDOM.render("<Names />", document.getElementById("names")); 
    }) 
}); 

class Names extends React.Component { 
    render() { 
     return (
      <p>Hello here is my react component</p> 
     ); 
    }; 
} 

私のHTMLページは、上記のJavaScriptファイルを含んでいるが、私はその後、クロームコンソールにエラーが表示されます。

Uncaught SyntaxError: Unexpected token import 

それは文句をされている行非常に最初の行です：

import * as ReactDOM from "react-dom"; 

もしそれが何か違いがあれば、私はWampの下でWindowsを実行していますが、ライブになるとApacheを実行しているLinuxボックスに表示されます。

UPDATE Iインポートに代わるものを見つけ、次の2つのインポート行を変更以来ました：

var ReactDOM = require("/node_modules/react-dom/"); var React = require("/node_modules/react");

をしかし、今Chromeで私が手：

Uncaught SyntaxError: Unexpected token < 

はどれレンダリングの返品で<p>Hello here is my react component</p>の行に文句を言う

Answer 1

あなたはが必要です現代のブラウザでは利用できないimportや他のes6機能などの機能をに置き換えることができます。反応するのが新しい場合は、create-react-app-boilerplateを使用して、それ以上のすべてを処理することを検討してください。