Я получаю следующую ошибку ниже, и я не понимаю, почему я думаю, что должно быть что-то с babel.Я использую web-dev-server и babel.Он реагирует.
ERROR in ./App.js 188:13
Module parse failed: Unexpected token (188:13)
You may need an appropriate loader to handle this file type.
| //console.log(filter);
| if(isHomePage)
| return
| return (
| <div className={'App ${isDetailPage ? 'detail-page' : 'landing-page'} '}
@ ./main.js 1:0-27
@ multi (webpack)-dev-server/client?http://localhost:8080 ./main.js
ERROR in ./Home.js 34:8
Module parse failed: Unexpected token (34:8)
You may need an appropriate loader to handle this file type.
| render() {
| return (
| <div className={App}>
| hello
|
@ ./main.js 2:0-29
@ multi (webpack)-dev-server/client?http://localhost:8080 ./main.js
i ?wdm?: Failed to compile.
Мой файл Webconfig выглядит следующим образом:
var path = require('path');
var webpack = require('webpack');
module.exports = {
entry: './main.js',
output: { path: __dirname, filename: 'bundle.js' },
module: {
rules: [
{
test: /.jsx?$/,
include: [
path.resolve(__dirname, 'path/to/imported/file/dir')
],
loader: 'babel-loader',
exclude: /node_modules/,
query: {
presets: ['es2015', 'react']
}
}
]
},
}
Мой файл package.json выглядит следующим образом:
"dependencies": {
"missing": "0.0.1",
"react": "^0.14.7",
"react-dom": "^0.14.7",
"react-router-dom": "^4.3.1",
"webpack-dev-server": "^3.1.10"
},
"devDependencies": {
"babel-core": "^6.26.3",
"babel-loader": "^7.1.5",
"babel-preset-es2015": "^6.3.13",
"babel-preset-react": "^6.3.13",
"webpack": "^4.27.1",
"webpack-cli": "^3.1.2"
},
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"start": "webpack-dev-server"
},
"author": "",
"license": "ISC"
}
Что яздесь не хватает?это что-то связанное с path.resolve?