gescheitert kompilieren von test_helper

Question

ich schrieb test_helper für das Testen meiner reagieren Komponenten, aber jedes Mal, wenn ich npm start hit und folgende Fehler kommen.

> 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 | ); 

es wie Fehler scheint tritt wegen test_helper gescheitert kompilieren. Ich bin mir nicht sicher, aber wie ich weiß js:babel-core/register kann es6 kompilieren, aber es schlägt fehl. sollte ich eine andere Optionen geben, um test_helper zu kompilieren? aber ich habe keine Ahnung. T_ T

Answer 1

Entweder haben Sie Ihre .babelrc config in Ihrer package.json Datei wie unten

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

ODER

Stellen Sie sicher, dass Sie .babelrc in der Wurzel, wenn Ihr App-Ordner. Gleiche Ebene wie andere Config.

Dateien

Mein .babelrc aussieht,

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