webpack/babel/react - неожиданная ошибка маркера

Question

Я уже использую babel-preset-react и babel-preset-es2015.

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

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' 
    } 
} 

.babelrc

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

Я думаю, что я что-то очень простое отсутствует. Я уже пробовал несколько вещей, например, используя ./app вместо __dirname + "/app" и используя .js$ вместо .jsx?$. Кроме того, вы заметите, что я использую последние версии всех зависимостей. Я читал множество других сообщений о людях, имеющих проблемы при обновлении до babel 6 из-за отсутствующей предварительной настройки. Это кажется чем-то другим. Разве эти версии не должны иметь проблем? Благодаря

Answer 1

@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'), 

Спасибо!

Edit: Я использую окно для тех, кто еще с этим, но проблемным я где-то читал, что это исправление также работает для макинтоша