私のアプリケーションを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
おかげだけでなく、あなたの.babelrcファイル内のプリセットが欠けていると思うが、助けにはなりませんでした。 Webpackのバージョンは両方で同じです(3.5.6)。 – johnathan777
このリンクをご覧ください。https://github.com/gokulkrishh/how-to-setup-webpack-2おそらく何か不足しています。 –
また、プリセットでは、最初にes2015を追加してから、その順序でコンパイルするので反応します。更新された答えを見てください。 –