我正在将Rails 5与Webpack 2.1.0-beta.7一起使用。使用gem'react-rails'，'〜> 1.7.0'。
但是，每次尝试运行webpack时，都会出现此错误。
Hash: 3aea6d8a27453c0be041
Version: webpack 2.1.0-beta.7
Time: 507ms
+ 1 hidden modules
ERROR in ./app/assets/frontend/main.jsx
Module build failed: SyntaxError: /mnt/data/Projects/kasih.in-dev/kasih.in/app/assets/frontend/main.jsx: Unexpected token (5:8)
3 | render() {
4 | return (
> 5 | <h1>Hello world</h1>
| ^
6 | );
7 | }
8 | }
at Parser.pp.raise (/mnt/data/Projects/kasih.in-dev/kasih.in/node_modules/babylon/lib/parser/location.js:22:13)
at Parser.pp.unexpected (/mnt/data/Projects/kasih.in-dev/kasih.in/node_modules/babylon/lib/parser/util.js:89:8)
这是我的webpack配置：
module.exports = {
entry: "./app/assets/frontend/main.jsx",
output: {
path: __dirname + "/app/assets/javascripts",
filename: "bundle.js"
},
resolve: {
extensions: ['', '.js', '.jsx']
},
module: {
loaders: [
{ test: /\.jsx$/, loader: "babel-loader" }
]
}
};
如果您需要它，这是我的jsx文件：
class Main extends React.Component {
render() {
return (
<h1>Hello world</h1>
);
}
}
let documentReady = () => {
React.render{
<Main />,
document.getElementById('main');
};
};
$(documentReady);
我想知道造成此错误的原因以及如何解决？
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句