エラーJSXの構文に対してmochaを実行すると「予期しないトークン」

Question

Javascriptプログラミングの新機能です。私はJSX形式のスクリプトのテストを書こうとしましたが、幾分それはUnexpected tokenで失敗します。

ここにテストコードがありますが、テストはまだ書かれていません。

//Rectangle.js 
let assert = require('chai').assert, 
    path = require('path'); 

import Rectangle from './Rectangle'; 

そして、ここでは

//Rectangle.jsx 
import React from 'react'; 

class Rectangle extends React.Component { 
    render() { 
     return <h1>Hello, {this.props.name}</h1>; 
    } 
} 

をテストする必要があり、コードここでエラーが

だ

SyntaxError: Rectangle.jsx: Unexpected token (5:11) 
    3 | class Rectangle extends React.Component { 
    4 | render() { 
> 5 |  return <h1>Hello, {this.props.name}</h1>; 
    |   ^
    6 | } 
    7 | } 

だここで私はいくつかの記事nyc mocha --compilers js:babel-core/register Rectangle.jsからもらったmochaコマンドです。

github（link）にコードをアップロードして、インストールされている依存関係を確認することもできます。

これはどのように修正する必要がありますか？私が逃した一歩がありますか？あなたはpackage.json

"babel": { 
    "presets": ["es2015", "react"] 
} 

Answer 1

私はあなたがJSXコードをコンパイル支援するために、カスタムコンパイラを必要とするかもしれないと思います。

この例は、Mocha-react repoです。

Answer 2

内のあなたにバベル設定をreactプリセットを追加する必要が