Output is not compatible with friendly-errors-webpack-plugin

[sobolevn]

For some reason errors from this loader do not show up in friendly-errors-webpack-plugin.

Output

Here's what I got in my terminal:

Hash: 4585efb6ea03f7e9685c
Version: webpack 3.8.1
Time: 1312ms
                               Asset       Size  Chunks                    Chunk Names
382c4f4c783f67dc1696.hot-update.json   44 bytes          [emitted]         
                                0.js    21.6 kB       0                    
                           client.js    2.06 MB       1  [emitted]  [big]  client
1.e8e1c3e257861a2901a6.hot-update.js    9.41 kB       1  [emitted]         client
e8e1c3e257861a2901a6.hot-update.json   43 bytes          [emitted]         
                          index.html  254 bytes          [emitted]         
   [3] (webpack)/hot/log.js 1 kB {1}
  [14] multi ./build/dev-client.js ./client/index.ts 40 bytes {1}
  [15] ./build/dev-client.js 69 bytes {1}
  [16] (webpack)-dev-server/client?/ 7.95 kB {1}
  [17] ./node_modules/url/url.js 23.3 kB {1}
  [24] ./node_modules/strip-ansi/index.js 161 bytes {1}
  [26] ./node_modules/loglevel/lib/loglevel.js 7.74 kB {1}
  [29] (webpack)-dev-server/client/overlay.js 3.73 kB {1}
  [34] (webpack)/hot nonrecursive ^\.\/log$ 170 bytes {1} [built]
  [36] (webpack)/hot/dev-server.js 1.56 kB {1}
  [38] ./client/index.ts 85 bytes {1}
  [39] ./client/polyfills.ts 98 bytes {1}
  [43] ./client/app.ts 354 bytes {1} [built]
  [45] ./client/components/App.vue 1.89 kB {1}
  [49] ./client/router/index.ts 405 bytes {1}
    + 48 hidden modules

WARNING in ./client/store/index.ts
[2, 18]: " should be '

 @ ./client/app.ts 6:0-34
 @ ./client/index.ts
 @ multi ./build/dev-client.js ./client/index.ts
Child html-webpack-plugin for "index.html":
                                   Asset      Size  Chunks             Chunk Names
                              index.html   1.45 MB       1             
    382c4f4c783f67dc1696.hot-update.json  44 bytes          [emitted]  
       [0] ./node_modules/html-webpack-plugin/lib/loader.js!./build/index.html 623 bytes {1}
       [1] ./node_modules/lodash/lodash.js 540 kB {1}
       [2] (webpack)/buildin/global.js 488 bytes {1}
       [3] (webpack)/buildin/module.js 495 bytes {1}

And no errors on webpage.

Desired output

Friendly formatted errors on a web page.

Configuration

Here' my webpack configuration:

module.exports = {
  plugins: [
    new webpack.DefinePlugin({
      'process.env.NODE_ENV': JSON.stringify('development')
    }),
    // https://github.com/glenjamin/webpack-hot-middleware#installation--usage
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoEmitOnErrorsPlugin(),
    new FriendlyErrors()
  ],
  // some other stuff 
  module: {
    loaders: [
      {
        enforce: 'pre',
        test: /\.ts$/,
        loader: 'tslint-loader',
        exclude: /(node_modules)/,
        options: {
          typeCheck: true,
          tsConfigFile: 'tsconfig.json'
        }
      },
      {
        test: /\.ts$/,
        loader: 'ts-loader',
        options: {
          appendTsSuffixTo: [/\.vue$/]
        }
      }
    ]
  }
}

Versions

    "webpack": "^3.8.1",
    "ts-loader": "^3.1.0",
    "tslint": "^5.8.0",
    "tslint-config-standard": "^7.0.0",
    "tslint-loader": "^3.5.3",

[JamieMaple]

same problem...