2016-05-27 7 views
0

私はすでにbabel-preset-reactbabel-preset-es2015を使用しています。webpack/babel/react - 予期しないトークンエラー

package.json

{ 
     "name": "react-spring-demo", 
     "version": "1.0.0", 
     "description": "", 
     "main": "webpack.config.js", 
     "scripts": { 
     "test": "echo \"Error: no test specified\" && exit 1" 
     }, 
     "author": "", 
     "license": "ISC", 
     "devDependencies": { 
     "babel-core": "^6.9.0", 
     "babel-loader": "^6.2.4", 
     "babel-preset-es2015": "^6.9.0", 
     "babel-preset-react": "^6.5.0", 
     "webpack": "^1.13.1" 
     }, 
     "dependencies": { 
     "react": "^15.1.0" 
     } 
    } 

webpack.config.js

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

.babelrc

module.exports = { 
    entry: [ 
     './app/app.js' 
    ], 
    module: { 
    loaders: [ 
     { test: /\.jsx?$/, include: __dirname + '/app', loader: "babel", query: { presets: ['es2015', 'react'] } } 
    ] 
    }, 
    output: { 
    filename: 'bundle.js', 
    path: __dirname + '/dist' 
    } 
} 

私は非常に単純な何かが欠けていると思います。私はすでに__dirname + "/app"の代わりに./appを使用し、.jsx?$の代わりに.js$を使用するようないくつかの方法を試しました。また、すべての依存関係の最新バージョンを使用していることがわかります。反応のプリセットがないため、バベル6にアップデートするときに問題を抱える人についての他の多くの記事を読んだことがあります。これは何か異なるようです。これらのバージョンに問題はないはずですか?おかげ

+0

のために働くことをどこかで読ん:テスト:任意の良い/\.js$/? – Yoda

+0

私もそれを試しました。いいえ運:/ –

+0

より良いエラー報告をお願いします。 –

答えて

2

@Richard

ERROR in ./app/app.js 
Module parse failed: C:\Users\vdixit\Desktop\react-spring-demo\src\main\resources\static\app\app.js Unexpected token (6:6) 
You may need an appropriate loader to handle this file type. 

さてさて、私は修正を発見しました。どうやらnpm pathモジュールを使用してこれを修正しています。

の代わりに:

include: __dirname + '/app' 

私が使用:

include: path.join(__dirname, '/app'), 

感謝を!

編集:私はこのissue-と他の誰のためにウィンドウを使用していますが、私は、この修正プログラムはまた、我々は、この使用しているMAC

関連する問題