Module build failed: TypeError: text.forEach is not a function

[Oleksandr-Silin]

I have webpack config

    module: {
        loaders: [
            ...
            {
                test: /\.css$/,
                loader: ExtractTextPlugin.extract("style-loader", "css-loader")
            },
            ...
        ]
    },
    plugins: [
        ...
        new ExtractTextPlugin("[name].css", {
            disable: false,
            allChunks: true
        })
    ]

and app.js file:

var React = require('react');
require('../css/colors.css');
require('../css/main.css');
require('../css/tags.css');
Router.run(function (Handler, state) {
    React.render(<Handler/>, document.getElementById('my-app'));
});

with such configuration i receive error for each css file in console output:
Module build failed: TypeError: text.forEach is not a function
at Object. (/home/src/app/node_modules/extract-text-webpack-plugin/loader.js:100:11)
at Compiler. (/home/src/app/node_modules/webpack/lib/Compiler.js:214:10)
at /home/src/app/node_modules/webpack/lib/Compiler.js:403:12....

If I remove configuration, styles are inlined into head of html file.

{
 disable: false,
 allChunks: true
}

How should i update or fix it?

[sheerun]

I have the same issue

[GreenGremlin]

Adding css-loader to the ignore option fixed this, for me.

    new SplitByPathPlugin(
      [{ name: 'vendor', path: __dirname + '/node_modules' }],
      { ignore: [__dirname + '/node_modules/css-loader'] }
    ),

[Oleksandr-Silin]

@GreenGremlin Thank you! It helped me.

[nadavsinai]

thanks @GreenGremlin !

[anton-rodin]

Thank you! @GreenGremlin

[jknight12882]

I am getting this issue and am not using the SplitByPathPlugin. This is with Webpack@3.x.x

[sresant]

I am in the same boat as @jknight12882. Seems to be under watch mode specifically. I added some logging to see what the text object is and it is a function.