テストMochaとの反応成分：予期しないトークン

Question

私は自分の反応成分をすべて溶かすので、Mocha + chaiでこれらの成分を正しく試験する方法を学びたかったのです。私は私のpackage.json（該当するもの）のためにこれらの構成を持っている：

"scripts": { 
    "start": "http-server", 
    "build": "watchify main.js -t babelify -o bundle.js", 
    "test": "./node_modules/mocha/bin/mocha --compilers js:babel-core/register test/test*.js" 
}, 
"devDependencies": { 
    "babel": "^5.6.23", 
    "babelify": "^6.1.3", 
    "browserify": "^11.0.0", 
    "chai": "^3.5.0", 
    "jsdom": "^9.8.3", 
    "mocha": "^3.2.0", 
    "react-addons-test-utils": "^15.4.1" 
}, 
"babel": { 
    "presets": [ 
     "es2015" 
    ] 
} 

私はSkill.jsを持っている：

import React from 'react'; 
import _ from 'underscore'; 

export default class Skills extends React.Component { 
    render() { 
     return (
      <div> 
       <h1>T E S T</h1> 
      </div> 
     ) 
    } 
} 

testというフォルダ内test.jsと一緒に：私は

import React from 'react'; 
import { expect, assert } from 'chai'; 
import Skills from '../src/components/Skills.js'; 

npm testを実行すると予期しないトークンエラーが発生しました。

文句コンソールは何ですか？ <div>タグが無効な理由

Answer 1

あなたは、私は同様の問題を持っていたし、最初に私はimport React from 'react';なかったと思ったそれを

npm install --save-dev babel-preset-es2015 

Answer 2

を使用する前にbabel-preset-es2015をインストールする必要があります。

次は私が--require ./test/test_helper.js

そして最後に追加していないことが分かったが、その後、まだ動作していない後、それは私がノードを再起動しなかったことを私に夜が明けました。それは私のためにそれを固定した。