我目前正在尝试使用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::一切都已修复。