Fork-ts-checker-webpack-plugin: UnhandledPromiseRejectionWarning: RangeError: Invalid count value (in docker-compose on Mac)

Created on 15 Sep 2020 · 2Comments · Source: TypeStrong/fork-ts-checker-webpack-plugin

Current behavior

Currently when using webpack-dev-server every build is logging the following when running inside a docker-compose container (the behavior is not seen outside the docker container):

Issues checking in progress...
(node:328) UnhandledPromiseRejectionWarning: RangeError: Invalid count value
    at String.repeat (<anonymous>)
    at highlightedLines.split.slice.map (/app/node_modules/fork-ts-checker-webpack-plugin/node_modules/@babel/code-frame/lib/index.js:121:135)
    at Array.map (<anonymous>)
    at Object.codeFrameColumns (/app/node_modules/fork-ts-checker-webpack-plugin/node_modules/@babel/code-frame/lib/index.js:108:65)
    at codeFrameFormatter (/app/node_modules/fork-ts-checker-webpack-plugin/lib/formatter/CodeFrameFormatter.js:16:34)
    at webpackFormatter (/app/node_modules/fork-ts-checker-webpack-plugin/lib/formatter/WebpackFormatter.js:21:58)
    at configuration.logger.issues.error.issues.map (/app/node_modules/fork-ts-checker-webpack-plugin/lib/hooks/tapDoneToAsyncGetIssues.js:65:69)
    at Array.map (<anonymous>)
    at Object.<anonymous> (/app/node_modules/fork-ts-checker-webpack-plugin/lib/hooks/tapDoneToAsyncGetIssues.js:65:54)
    at Generator.next (<anonymous>)
(node:328) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 2)

Expected behavior

Expected behavior would be getting notified of issues as normal

Steps to reproduce the issue

webpack.config.development.js:

module.exports = {
  context: `${process.cwd()}/client/`, // to automatically find tsconfig.json
  entry: './src/index.tsx',
  devtool: 'inline-source-map',
  plugins: [
    new ForkTsCheckerWebpackPlugin({
      eslint: {
        enabled: true,
        files: './src/**/*.{tsx,ts}',
        options: {
          extensions: ['.js', '.ts', '.tsx'],
          cache: true,
        },
      },
      typescript: {
        enabled: true,
        profile: false,
      },
    }),
    new ForkTsCheckerNotifierWebpackPlugin({
      title: 'TypeScript',
      excludeWarnings: false,
    }),
  ],
  module: {
    rules: [
      {
        test: /\.tsx?$/,
        use: {
          loader: 'ts-loader',
          options: {
            transpileOnly: true,
            getCustomTransformers: () => ({
              before: [tsImportPluginFactory({ style: 'css' })],
            }),
          },
        },
        exclude: /node_modules/,
      },
    ],
  },
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'build'),
    publicPath: '/',
  },
  devServer: {
    clientLogLevel: 'warning',
    open: true,
    historyApiFallback: true,
    stats: 'errors-only',
    host: '0.0.0.0',
    port: 8080,
  },
  watchOptions: {
    ignored: /node_modules/,
    aggregateTimeout: 300,
    poll: 500,
  },
};

Command being run: webpack-dev-server --progress --color --mode development --config ./client/webpack.config.development.js