“装入器Users/abc/node_modules/babel-core/index.js?{"presets":["react"]}中的错误没有返回函数”
“装入器Users/abc/node_modules/babel-core/index.js?{"presets":["react"]}中的错误没有返回函数”
提问于 2016-10-04 06:57:52
当我在做webpack的时候，我陷入了这个错误：
ERROR in loader Users/abc/node_modules/babel-core/index.js?{"presets":["react"]} didn't return a functionwebpack.config.js
module.exports = {
entry: './src/main.js',
output: {
filename: 'bundle.js',
path: __dirname + '/dist'
},
module: {`enter code here`
loaders: [
{
test: /\.jsx?$/,
exclude: /(node_modules|bower_components)/,
loader: 'babel-core',
query: {
presets: ['react']
}
}
]
}
};index.html
<html>
<head>
<title>React JSX (Precompiled) demo</title>
</head>
<body>
<div id="mycontainer"></div>
<script src="./dist/bundle.js"></script>
</body>
</html>main.js
var React = require('react');
var ReactDOM = require('react-dom');
var ReactComponent = React.createClass({
render : function(){
return( <div>
<h1>Welcome to React Js! </h1>
</div>
);
}
});
ReactDOM.render(<ReactComponent/>,document.getElementById('mycontainer'));包装结构：
app
|
|-src
|
|-main.js
|-index.html
|-webpack-config.js回答 2
Stack Overflow用户
回答已采纳
发布于 2016-10-04 07:33:17
babel-core是babel的核心，它不是装载机。你应该使用：
loader: 'babel-loader' // Or just 'babel'参见示例这里
不要忘记使用npm安装babel-加载程序.
希望这能有所帮助
Stack Overflow用户
发布于 2017-08-19 14:20:28
在您的webpack.config.js文件中，将加载器设置为loader:babel-loader，这样就可以工作了。不需要卸载
module:{
loaders:[
{
test: /\.jsx?$/,
loader: 'babel-loader',
exclude: /node_modules/
}
]
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39846009
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号