Question

我目前正在尝试使用React创建一个webapp，我正在尝试向我的服务器发出请求（带请求）。但是，每当我尝试webpack应用程序时，我都会收到错误消息。我几乎可以肯定它与必须被标记为外部库的请求有关，但我不能让它工作。有人能帮助我吗？

这是我的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 {
  ...
};

Answer 1

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

var o = {...}
export default o

应该有效。

Answer 2

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

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

尝试使用ES6 + Webpack的请求，但是我收到了一个错误

2 个答案: