element.loader.split 不是 webpack 中的函数

Question

她是我的webpack.config.js我收到此错误

element.loader.split 不是一个函数

在搜索答案后，我还将加载器更改为加载器，但它仍然不起作用

const postcssPlugins = [
require('postcss-cssnext')(),
require('postcss-modules-values')
];
const scssLoader = [
{ loader: 'style-loader' },
{ loader: 'css-loader' },
{ loader: 'sass-loader' }
];
const postcssLoader = [
{ loader: 'style-loader' },
{ loader: 'css-loader', options: { modules: true } },
{ loader: 'postcss-loader', options: { plugins: () => [...postcssPlugins] } }
];
var path = require('path');
var config = {
entry: './todoApp.js',
output: {
path:'./',
filename: 'index.js',
},
devServer: {
inline: true,
port: 9191
},
module: {
loaders: [
{
test: /.jsx?$/,
exclude: /node_modules/,
loader: 'babel',
query: {
presets: ['es2015', 'react']
}
},
{
test: /.(scss|sass)$/,
loader: scssLoader,
include: [__dirname]
},
{ test: /.css$/,
loader: postcssLoader,
include: [__dirname]
}
]
}
}
module.exports = config;

我找不到错误所在 请指导！

Answer 1

尝试通过加载器更改加载器：

{
test: /.(scss|sass)$/,
loaders: scssLoader,
include: [__dirname]
},
{ test: /.css$/,
loaders: postcssLoader,
include: [__dirname]
}