2017-09-27 21 views
0

私のアプリケーションをAWS EC2インスタンスにデプロイしようとしています。私のローカル環境では、私がwebpackを実行すると、すべての問題をバンドルできます。私のAWSサーバーでは私のレポをクローンしましたが、webpackを実行すると SyntaxError: Unexpected token importが得られます。ローカルではあるがAWSサーバでは動作しないWebpack

私のローカルとAWSサーバーの両方で、同じNPM(5.3.0)およびノー​​ド(8.6.0)のバージョンとwebpackのバージョン(webpack -g)が実行されています。

私が持っている.babelrc:

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

webpack.config.babel.js:エラーがwebpack.config.babel.jsの最初の行に発生している

import path from 'path'; 
import nodeExternals from 'webpack-node-externals'; 

const client = { 
    entry: { 
    js: './src/app-client.js', 
    }, 
    output: { 
    path: path.join(__dirname, 'src', 'static', 'js'), 
    filename: 'bundle.js', 
    }, 
    module: { 
    rules: [ 
     { 
     test: path.join(__dirname, 'src'), 
     use: { 
      loader: 'babel-loader', 
      options: 'cacheDirectory=.babel_cache', 
     }, 
     }, 
    ], 
    }, 
}; 
export default [client]; 

/home/ec2-user/FB/webpack.config.babel.js:1 
(function (exports, require, module, __filename, __dirname) { import path from 'path'; 
                   ^^^^^^ 

SyntaxError: Unexpected token import 

AWSではなくローカルで正常に動作するのはなぜですか?どのように修正するための任意のアイデア?ありがとうございました。

PS:私の開発マシンはMacOSのであり、サーバはこの

var path = require('path'); 
var nodeExternals = require('webpack-node-externals'); 

import path from 'path'; 
import nodeExternals from 'webpack-node-externals'; 

そしてこの

export default [client]; 

付きでこれを置き換えアマゾンでlinux

答えて

0

ですt彼の

module.exports = client; 

また、ローカルマシンにインストールされているWebpackのバージョンがAWSサーバーのものと同じであることを確認してください。

はまた、私はあなたが

{ 
    "presets" : ["es2015", "react", "stage-2"] 
} 
+0

おかげだけでなく、あなたの.babelrcファイル内のプリセットが欠けていると思うが、助けにはなりませんでした。 Webpackのバージョンは両方で同じです(3.5.6)。 – johnathan777

+0

このリンクをご覧ください。https://github.com/gokulkrishh/how-to-setup-webpack-2おそらく何か不足しています。 –

+0

また、プリセットでは、最初にes2015を追加してから、その順序でコンパイルするので反応します。更新された答えを見てください。 –

関連する問題