Unexpected reserviertes Wort ‚importieren‘ reagiert in NodeJS App

Question

installiert und importiert reagieren und reagieren zu Beginn der App js Datei Router Pakete aber diese Fehlermeldung erhalten:

(function (exports, require, module, __filename, __dirname) { import React from 'react'; 
                   ^^^^^^ 
SyntaxError: Unexpected reserved word 

In meiner app.js Datei:

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import { 
    BrowserRouter as Router, 
    Route, 
    Link 
} from 'react-router-dom'; 

var express = require('express'), 
... 

Answer 1

Sie sind ES2015 und Sie benötigen einen Transpiler wie Babel.

diese Funktion zu erhalten, müssen Sie zunächst ein paar Pakete installieren:

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

Oder, wenn Sie nicht tun:

$ npm install --save-dev babel-core babel-preset-es2015 babel-preset-react 

Als nächstes folgendes zu Ihrem package.json hinzufügen haben eine package.json, erstellen Sie eine Datei im Arbeitsverzeichnis genannt .babelrc, die folgende enthält:

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

Hinweis

Es ist kein genaues Duplikat, aber es hatte die gleiche Antwort wie this Post. Danke an "robertklep" für die Antwort.

UPDATE

Wenn Sie Webpack verwenden, stellen Sie sicher, dass Sie babel über Modul-Lader geladen werden.

module: { 
    loaders: [ 
     { 
     loader: 'babel-loader', 
     query: { 
      presets: ['react', 'es2015', 'stage-0'] 
     }, 
     test: /\.jsx?$/, 
     exclude: /(node_modules|bower_components)/ 
     }, 
}