webpack2 , upgrade extract-text-webpack-plugin error

[zhangfu-git]

my code: var styleLoader = require('extract-text-webpack-plugin').extract(['css-loader', 'postcss-loader', 'less-loader']); module.exports = { styleLoader: styleLoader, scripts: { "alert" : true, "button" : true, "carousel" : true, "dropdown" : true, "modal" : true, "tooltip" : true, "popover" : true, "tab" : true, "affix" : true, "collapse" : true, "scrollspy" : true }, styles: { "mixins" : true, "utilities": true, "type" : true, "normalize": true, "forms" : true, "grid": true, "buttons" : true, "responsive-utilities" : true, "print" : true, "code" : true, "responsive-embed" : true, "glyphicons" : true, "images": true, "modal" : true, "print" : true, "type" : true, "code" : true, "grid" : true, "tables" : true, "forms" : true, "buttons" : true, "responsive-utilities" : true, "button-groups" : true, "input-groups" : true, "component-animations" : true, "dropdowns" : true, "tooltip" : true, "popovers" : true, "modals" : true, "carousel" : true } }; ERROR in ./~/bootstrap-webpack/index.loader.js!./assets/app/common/bootstrap.config.js Module not found: Error: Can't resolve '[object Object],[object Object],[object Object],[object Object]' in '/home/zhangfu/bitinvo_webpack/assets/app/common'

[mw-ding]

Having the same issue here after upgrade to webpack 2.0. Is anybody looking into this issue? :)

[bring2dip]

Same here

[rudolfschmidt]

same. If I dont use @import it works, but If I import another css file that is loaded via a css file that is loaded via extract plugin it doesnt find the loader that is necessary to load the suffix like ttf for base64 encoding

[vlmonk]

I find dirty workaround for this issue. put in bootstrap.config.js

var loader = require('extract-text-webpack-plugin').extract({ fallback: 'style-loader', use: 'css-loader?sourceMap!less-loader?sourceMap'})
var styleLoader = loader.map( chunk => {
  const path = chunk.loader

  if (chunk.options) {
    const options = JSON.stringify(chunk.options)
    return `${path}?${options}`
  }

  return path
}).join('!')

module.exports = {
  styleLoader: styleLoader,
    scripts: {
    'transition': true,
    'alert': true,
....

[zhnoah]

Same here.

node: v7.9.0 npm: 4.2.0 webpack: ^2.4.1 extract-text-webpack-plugin: ^2.1.0

Is anybody looking into this issue? Thanks.

[omnichronous]

@vlmonk a thousand thanks. This is the only solution that worked for me. I just had to require and use the plugin in my webpack.config.js also.

This is my environment:

node: v6.10.2 npm: 5.0.3

"bootstrap-webpack": "0.0.6",
"extract-text-webpack-plugin": "^2.1.2",
"webpack": "^2.6.1",