Javascript TypeError:element.loader.split不是函数
使用下面定义的配置,在运行Javascript TypeError:element.loader.split不是函数,javascript,webpack,Javascript,Webpack,使用下面定义的配置,在运行webpack时向控制台抛出错误: TypeError:element.loader.split不是函数 webpack.config.js module.exports = { devtool: 'eval', entry: { chiffr: getEntrySources([ './src/index', ]), }, output: { path: path.join(__dirname, 'dist'),
webpack
时向控制台抛出错误:
TypeError:element.loader.split不是函数
webpack.config.js
module.exports = {
devtool: 'eval',
entry: {
chiffr: getEntrySources([
'./src/index',
]),
},
output: {
path: path.join(__dirname, 'dist'),
filename: 'bundle.js',
publicPath: '/static/',
},
module: {
loaders: [{
test: /\.js$/,
loader: ['react-hot', 'jsx'],
include: path.join(__dirname, 'src'),
exclude: /node_modules/,
}],
},
};
已安装的节点模块:
"dependencies": {
"react": "15.2.0",
"react-dom": "15.2.0"
},
"devDependencies": {
"babel-eslint": "6.1.0",
"eslint": "2.13.1",
"eslint-config-airbnb": "9.0.1",
"eslint-plugin-jsx-a11y": "1.5.3",
"eslint-plugin-react": "5.2.2",
"jsx-loader": "0.13.2",
"node-sass": "3.8.0",
"react-hot-loader": "1.3.0",
"webpack": "1.13.1",
"webpack-dev-server": "1.14.1"
}
错误的来源是什么以及如何修复?发生错误是因为第一个加载程序的
加载程序属性需要字符串而不是数组;数组没有split
方法
配置的module.loaders
属性中的每个对象都需要为loader
属性设置一个字符串。从:
模块加载程序
一组自动应用的加载程序
每个项目都可以具有以下属性:
测试:必须满足的条件
排除:必须满足的条件
包括:必须满足的条件
加载器:一串“!”分隔的加载器
加载程序:作为字符串的加载程序数组
由于配置需要一组加载器,因此应将键设置为加载器
:
module: {
loaders: [{
test: /\.js$/,
// Change the key to 'loaders' for an Array of loaders
loaders: ['react-hot', 'jsx'],
include: path.join(__dirname, 'src'),
exclude: /node_modules/,
}],
},