webpack的jsx文件,用babel编译,报错,用react-tools编译正常,这是什么原因啊,是不是babel的问题啊

图片描述

webpack.config.js的配置如下:
var webpack = require('webpack');
module.exports = {

entry: {
    entry: './src/helloworld.js'
},
output: {
    path: __dirname,
    filename: './build/helloworld.js'
},
resolve: {
    extensions: ['', '.js', '.jsx']
},
module: {
    loaders: [{
        test: /\.js$/,
        exclude: /node_modules/,
        loader: 'babel-loader'
    },{
        test: /\.scss$/,
        loader: 'style!css!sass'
    },{
        test: /\.png$/,
        loader: 'url-loader?mimetype=image/png'
    },{
        test: /\.jpg$/,
        loader: 'url-loader?mimetype=image/jpg'
    }]
}

};

阅读 4.2k
2 个回答

那说明webpack配置有问题,亮出你的配置和使用方法

补充:

你还需要:

npm install --save-dev babel-preset-react
var webpack = require('webpack');
module.exports = {
    entry: {
        entry: './src/helloworld.js'
    },
    output: {
        path: __dirname,
        filename: './build/helloworld.js'
    },
    resolve: {
        extensions: ['', '.js', '.jsx']
    },
    module: {
        loaders: [{
            test: /\.jsx$/,
            exclude: /node_modules/,
            loader: 'babel-loader',
            query: {
                presets: ['react']
            }
        },{
            test: /\.scss$/,
            loader: 'style!css!sass'
        },{
            test: /\.png$/,
            loader: 'url-loader?mimetype=image/png'
        },{
            test: /\.jpg$/,
            loader: 'url-loader?mimetype=image/jpg'
        }]
    }
};

这明显是babel没配置正常,我之前也是把.babelrc写成.bablerc了,结果一直在报跟你一样同样的错误,不知道你是不是跟我一样的,具体的需要贴出配置的代码。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题