我写了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
答案 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"]
}