Error: Didn't get a result from child compiler

[michaelwnyc]

node: 8.9.4
OS: OSX
mini-css-extract-plugin: 0.4.0

I'm having the following error. I'm using vue-loader and @rails/webpacker

ERROR in ./node_modules/quill/dist/quill.snow.css (./node_modules/css-loader??ref--6-1!./node_modules/postcss-loader/lib??postcss!./node_modules/resolve-url-loader!./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader??ref--13-1!./node_modules/postcss-loader/lib??ref--13-2!./node_modules/quill/dist/quill.snow.css)
Module build failed: Error: Didn't get a result from child compiler

css-loader config:

module.exports = {
  test: /\.css$/,
  use: [
    // 'vue-style-loader',
    MiniCssExtractPlugin.loader,
    {
      loader: 'css-loader',
      options: {
        minimize: !devMode,
        includePaths: [
          join(baseDir, 'node_modules')
        ],
        importLoaders: 1,
        modules: true,
        sourceMap: true
      }
    },
    {
      loader: 'postcss-loader',
      options: {
        ident: 'postcss',
        plugins: () => [
          require('postcss-import'),
          require('postcss-cssnext')({
            features: {
              customProperties: {
                warnings: false
              }
            }
          }),
          require('autoprefixer')(),
          require('cssnano')()
        ],
        sourceMap: true
      }
    },
    'resolve-url-loader'
  ]
}

optimization config:

{
    minimizer: [
      // new UglifyJsPlugin({
      //   cache: true,
      //   parallel: true,
      //   sourceMap: false,
      //   uglifyOptions: {
      //     mangle: false,
      //     compress: false // { unused: false, drop_console: env.NODE_ENV === 'production' }
      //   }
      // }),
      new OptimizeCSSAssetsPlugin({})
    ],
    splitChunks: {
      chunks: 'async',
      minSize: 30000,
      minChunks: 1,
      maxAsyncRequests: 5,
      maxInitialRequests: 3,
      automaticNameDelimiter: '~',
      name: true,
      cacheGroups: {
        vendors: {
          test: /[\\/]node_modules[\\/]/,
          priority: -10
        },
        default: {
          minChunks: 2,
          priority: -20,
          reuseExistingChunk: true
        },
        styles: {
          name: 'styles',
          test: /\.css$/,
          chunks: 'all',
          enforce: true
        }
      }
    }
  }

I am importing css files inside vue component:

import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'

vue-loader config:

module.exports = {
  test: /\.vue(\.erb)?$/,
  loader: 'vue-loader',
  options: {
    loaders: {
      js: 'babel-loader',
      file: 'file-loader',
      css: 'vue-style-loader!css-loader!sass-loader',
      scss: 'vue-style-loader!css-loader!sass-loader?indentedSyntax=false',
      sass: 'vue-style-loader!css-loader!sass-loader?indentedSyntax=true'
    }
  }
}

Appreciate if someone can show me any hints where I did wrong.

Thanks!

[alexander-akait]

@michaelize Can you create minimum reproducible test repo?

[vasivas]

@evilebottnawi https://github.com/vasivas/mini-css-extract-plugin-bug-demo

[alexander-akait]

@vasivas I clone your repo and run npm run start all works fine. Please provide reproducible test repo and describe steps how reproduce Reproduce, WIP

[alexander-akait]

@vasivas also please provide in future minimum reproducible test repo, because i don't have many time look on your big configurations and other unnecessary stuff

[vasivas]

@evilebottnawi minimum? it is minimum.. if you get rid of webpack-hot-middleware webpack-hot-server-middleware and ssr, the mini-css-extract-plugin is likely to work.

[alexander-akait]

Diplicate #34. mini-css-extract-plugin doesn't support hrm right now, feel free to send PR to fix it

[vasivas]

@evilebottnawi then open my issues in extract-text-webpack-plugin. It supports hmr!

[alexander-akait]

@vasivas webpack@4 doesn't support ETWP you should send PR with support hmr to this plugin

[glook]

retuned back to extract-text-webpack-plugin@next. Now it works fine!

[davidfurlong]

Im getting this on production builds which dont use HMR. Turned out to be a result of having two loaders which matched the file

[mercuriete]

@davidfurlong thanks, you saved me lot of time.

[fancyboynet]

@davidfurlong can you paste the config please?I am still a little confused, thanks.