试图将请求与ES6+Webpack一起使用,但我遇到了一个错误



我目前正在尝试使用React创建一个网络应用程序,并尝试向我的服务器发出请求(带请求)。然而,每当我尝试对应用程序进行网络打包时,我都会收到一个错误。我几乎可以肯定这和请求必须被标记为外部库有关,但我无法让它工作。有人能帮我吗?

这是我的webpack配置。

var webpack = require('webpack');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var extractCSS = new ExtractTextPlugin();
module.exports = {
    entry : [
        './js/index.js'
    ],
    output : {
        path : __dirname + '/lib/',
        publicPath : 'http://localhost:8080',
        filename : 'bundle.js'
    },
    plugins : [
        new ExtractTextPlugin('app.css'),
        new webpack.NoErrorsPlugin()
    ],
    module : {
        loaders : [
            {
                test : /.js$/,
                loaders : [
                    'babel'
                ],
                exclude : /node_modules/
            },
            {
                test : /.(jpe?g|png|gif|svg)$/i,
                loaders : [
                    'url?limit=8192',
                    'img'
                ]
            },
            {
                test : /.scss$/,
                include : /styles/,
                loader : extractCSS.extract([
                    'css',
                    'autoprefixer',
                    'sass'
                ])
            }
        ]
    },
    resolve : {
        extensions : ['', '.js', '.json']
    },
    externals : {
        request : 'request'
    }
};

这是我得到的错误

ERROR in ./js/services/comic
Module parse failed: /Users/matthew.pfister/IdeaProjects/web/js/services/comic    Line 1: Unexpected token
You may need an appropriate loader to handle this file type.
| import request from 'request';
| 
| export default {
   @ ./js/creators/comic.js 11:21-49

这是它引用的文件

import request from 'request';
export default {
  ...
};

我认为export default {...}无效。尝试

var o = {...}
export default o 

应该起作用。

我刚刚意识到抛出错误的文件没有.js扩展名。

::facepalm::一切都已修复。