Javascript webpack/babel/react-意外令牌错误
我已经在使用Javascript webpack/babel/react-意外令牌错误,javascript,reactjs,webpack,babeljs,Javascript,Reactjs,Webpack,Babeljs,我已经在使用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\
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'
}
}
B.法律改革委员会
{ "presets": ["es2015", "react"] }
我想我遗漏了一些非常简单的东西。我已经尝试过一些方法,比如用/app
代替\uu dirname+“/app”
,用.js$
代替.jsx?$
。另外,您会注意到我使用的是所有依赖项的最新版本。我读过很多关于人们在升级到babel 6时由于缺少react预置而出现问题的帖子。这似乎有些不同。这些版本不应该有问题吗?谢谢你,理查德
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.
好吧,我找到了解决办法。显然,使用npmpath
模块可以解决这个问题
而不是:
include: __dirname + '/app'
我用过:
include: path.join(__dirname, '/app'),
谢谢
编辑:我正在为其他有此问题的人使用windows-但我在某处读到此修复程序也适用于mac@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.
好吧,我找到了解决办法。显然,使用npmpath
模块可以解决这个问题
而不是:
include: __dirname + '/app'
我用过:
include: path.join(__dirname, '/app'),
谢谢
编辑:我正在使用windows来解决这个问题-但我在某个地方读到这个补丁也适用于mac我们正在使用这个:test:/\.js$/有什么好处吗?我也试过了。不走运:/需要一份更好的错误报告。我的答案中包含了一份更好的错误报告!我们使用的是:test:/\.js$/有什么好处吗?我也试过了。不走运:/需要一份更好的错误报告。我的答案中包含了一份更好的错误报告!