予期しない予約語「輸入」

Question

がインストールされ、輸入nodejsアプリに反応するが反応し、反応するルータのパッケージをアプリのjsファイルの先頭ではなく、このエラーを取得：

：

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

私app.jsファイルで

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

あなたはES2015で、あなたはバベルのような蒸散器が必要です。

は、この作業を取得するには、最初にいくつかのパッケージをインストールする必要があります。そうしない場合、

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

または：

は

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

次に、あなたのpackage.jsonに以下を追加しますpackage.jsonを持っている場合は、以下を含む.babelrcというファイルを作成します。

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

注

正確な複製ではありませんが、それはthisと同じ回答でした。その答えは "robertklep"に感謝します。

UPDATE

あなたはWebPACKのを使用している場合は、モジュールローダを経由してバベルをロードしていることを確認してください。

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