从test_helper编译失败

时间:2016-08-31 20:44:58

标签: testing reactjs mocha chai

我写了test_helper来测试我的反应组件,但每次我点击npm start并出现以下错误。

> jsonplaceholder-client@0.0.1 test /Users/WOOJUNG/Desktop/jsonplaceholder-client
> mocha --compilers js:babel-core/register --require ./test/test_helper.js --recursive ./test

/Users/WOOJUNG/Desktop/jsonplaceholder-client/node_modules/babel-register/node_modules/babel-core/lib/transformation/file/index.js:573
      throw err;
      ^

SyntaxError: /Users/WOOJUNG/Desktop/jsonplaceholder-client/test/test_helper.js: Unexpected token (21:4)
  19 | function renderComponent(ComponentClass, props = {}, state = {}) {
  20 |   const componentInstance =  TestUtils.renderIntoDocument(
> 21 |     <Provider store={createStore(reducers, state)}>
     |     ^
  22 |       <ComponentClass {...props} />
  23 |     </Provider>
  24 |   );

由于编译test_helper失败,似乎发生了错误。我不确定,但据我所知js:babel-core/register可以编译es6但它失败了。我应该给出另一个选项来编译test_helper吗?但我不知道。 T_ T

1 个答案:

答案 0 :(得分:1)

您的 package.json 文件中包含 .babelrc 配置,如下所示

{
  "name": "my-package",
  "version": "1.0.0",
  "babel": {
    "presets": ["react", "es2015", "stage-1"]
  }
} 

OR

如果您的应用文件夹,请确保根目录中有 .babelrc 。与其他配置相同的级别。文件

我的 .babelrc 看起来像,

{
  "presets": ["react", "es2015", "stage-1"]
}