“加载程序Users / abc / node_modules / babel-core / index.js中的错误？{” presets”：[“ react”]}未返回函数”

Question

When I'm doing webpack I'm getting into this error: 当我在做webpack时，我陷入了这个错误：

ERROR in loader Users/abc/node_modules/babel-core/index.js?{"presets":["react"]} didn't return a function

webpack.config.js webpack.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 的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 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'));

package structure : 包装结构：

app 
  |
  |-src
   |
   |-main.js
  |-index.html
  |-webpack-config.js

Answer 1

babel-core is the core of babel, it's not a loader. babel-core是babel-core ，它不是装载程序。 You should use : 您应该使用：

loader: 'babel-loader' // Or just 'babel'

See example here 在这里查看示例

Don't forget to install babel-loader using npm. 不要忘记使用npm安装babel-loader。

Hope this helps 希望这可以帮助

Answer 2

in your webpack.config.js file make the loader be loader:babel-loader and it would work. 在您的webpack.config.js文件中，使加载程序为loader：babel-loader ，它将可以正常工作。 no need to uninstall 无需卸载

module:{
    loaders:[
        {
            test: /\.jsx?$/,
            loader: 'babel-loader',
            exclude: /node_modules/
        }
    ]
}

“加载程序Users / abc / node_modules / babel-core / index.js中的错误？{” presets”：[“ react”]}未返回函数”

问题描述

2 个解决方案

解决方案1
4 已采纳 2016-10-04 07:33:17

解决方案2
0 2017-08-19 14:20:28

“加载程序Users / abc / node_modules / babel-core / index.js中的错误？{” presets”：[“ react”]}未返回函数”

问题描述

2 个解决方案

解决方案1 4 已采纳 2016-10-04 07:33:17

解决方案2 0 2017-08-19 14:20:28

解决方案1
4 已采纳 2016-10-04 07:33:17

解决方案2
0 2017-08-19 14:20:28