Module Build Failed: Unknown Word when trying to modify webpack config

[zweicoder]

I copied the example in README.md

// gatsby-node.js
exports.modifyWebpackConfig = function(config, env) {
  config.removeLoader('css')
  config.loader('css', function(cfg) {
    cfg.test = /\.css$/
    cfg.loader = 'style!css?modules'
    return cfg
  })
  return config
}

and got this:

ERROR in ./~/css-loader?modules&minimize&importLoaders=1&sourceMap&localIdentName=[name]---[local]---[hash:base64:5]!./~/postcss-loader!./~/style-loader!./~/css-loader?modules!./pages/styles.module.css
Module build failed: Unknown word (5:1)

  3 | // load the styles
  4 | var content = require("!!./../node_modules/css-loader/index.js?modules!./styles.module.css");
> 5 | if(typeof content === 'string') content = [[module.id, content, '']];
    | ^
  6 | // add the styles to the DOM
  7 | var update = require("!./../node_modules/style-loader/addStyles.js")(content, {});
  8 | if(content.locals) module.exports = content.locals;

Any idea why?

[zweicoder]

ok my mistake, I removed the css loader but did not remove the cssModule loader.