18

I am migrating webpack 4 to webpack 5.

config/webpack.js has:

`devtool: isProduction ? 'hidden-source-map' : 'cheap-module-eval-source-map'

after migration got error:

onfiguration.devtool should match pattern "^(inline-|hidden-|eval-)?(nosources-)?(cheap-(module-)?)?source-map$".

It looks like the new webpack don't like conditions, because if I change to:

devtool: 'hidden-source-map'

error is gone.

Ivanka Todorova
  • 9,964
  • 16
  • 66
  • 103
Edgaras Karka
  • 7,400
  • 15
  • 61
  • 115
  • 1
    Does this answer your question https://stackoverflow.com/questions/62591440/webpack-5-devtool-validationerror-invalid-configuration-object/62671979#62671979 – tom Jan 29 '21 at 11:21
  • 1
    just use `false` when you don't want source map like `devtool: false` – Md. A. Apu Apr 11 '22 at 07:02

2 Answers2

21

problem was with cheap-module-eval-source-map -> eval-cheap-module-source-map according by https://webpack.js.org/configuration/devtool/

Edgaras Karka
  • 7,400
  • 15
  • 61
  • 115
9

Webpack V5 expects a certain pattern when validating devtool name, failing to match the pattern mixing up the sequence of devtool string can cause error. The pattern is: [inline-|hidden-|eval-][nosources-][cheap-[module-]]source-map.

So for example, one of the following options can be used in webpack configuration file that are in Development phase - devtool: 'eval' devtool: 'eval-source-map' devtool: 'eval-cheap-source-map' devtool: 'eval-cheap-module-source-map'

These changes are new and thus when using an old configuration file such error can pop up. Reset the devtool value to the matching pattern and the error will go away. To learn more about devtool values suitable for your work visit Webpack Devtool Documentation

RaihanShezan
  • 91
  • 1
  • 4