electron-react-tutorial
electron-react-tutorial copied to clipboard
ERROR in ./javascripts/entry.js Module build failed: SyntaxError: .../entry.js: Unexpected token
I keep getting this error ^
My npm version - 3.10.10 My node version - v6.11.1
My package.json file -
{
"name": "my-electron-app",
"version": "0.1.0",
"main": "main.js",
"devDependencies": {
"babel": "^6.5.2",
"babel-core": "^6.7.7",
"babel-loader": "^6.2.4",
"css-loader": "^0.23.1",
"electron-packager": "^7.0.0",
"electron-rebuild": "^1.1.3",
"less": "^2.6.1",
"less-loader": "^2.2.3",
"node-libs-browser": "^1.0.0",
"style-loader": "^0.13.1",
"webpack": "^1.13.0",
"webpack-dev-server": "^1.14.1"
},
"dependencies": {
"electron-prebuilt": "^0.37.6",
"react": "^15.0.1"
},
"scripts": {
"start": "./node_modules/electron-prebuilt/dist/Electron .",
"watch": "./node_modules/.bin/webpack-dev-server",
"electron-rebuild": "./node_modules/.bin/electron-rebuild"
}
}
Can someone help me out?
Hey, take a look on your webpack.config.js
file, should be a loader configured like this:
module: {
loaders: [
{
test: /\.jsx?$/,
loader: 'babel-loader',
exclude: /node_modules/,
query: {
presets: ['react', 'es2015']
}
},
{ test: /\.css$/, loader: 'style-loader!css-loader' },
{ test: /\.less$/, loader: 'style-loader!css-loader!less-loader'}
]
},
Probably it will solve your problem.