Webpack 5: devtool ValidationError, invalid configuration object

Question

While migrating from Webpack 4 to Webpack 5 I got an error when using devtool with empty value (only in production mode).

module.exports = {
    devtool: isProd ? '' : 'source-map',
    // entry: ...
    // output: ...
    // module: ...
}

The message in the console:

ValidationError: Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema.
 - configuration.devtool should match pattern "^(inline-|hidden-|eval-)?(nosources-)?(cheap-(module-)?)?source-map$".
   BREAKING CHANGE since webpack 5: The devtool option is more strict.
   Please strictly follow the order of the keywords in the pattern.

Any ideas how to avoid source maps in production mode? What to type in there?

tom · Accepted Answer · 2020-11-05 12:05:11Z

60

Answer to own question! Spoiler: false.

module.exports = {
    devtool: isProd ? false : 'source-map',
}

In Webpack 4 it was possible to value this with an empty string. webpack 5 is more strict. Webpacks devtool configuration.

edited Nov 5, 2020 at 12:05

answered Jul 1, 2020 at 7:42

tom

11k6 gold badges37 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ndrslmpk Over a year ago

What is isProd referencing to?

tom Over a year ago

It's just a boolean whether the app is in production mode.

StealthTrails · Accepted Answer · 2021-12-30 00:45:24Z

3

somehow my "source-map" had a # in it like "#source-map" that was causing this error. Solved the error by removing # from the string.

Before:

devtool: (config.enabled.sourceMaps ? '#source-map' : false)

After:

devtool: (config.enabled.sourceMaps ? 'source-map' : false)

answered Dec 30, 2021 at 0:45

StealthTrails

2,4138 gold badges47 silver badges70 bronze badges

Comments

Sandeep Prajapati · Accepted Answer · 2023-12-31 07:08:31Z

0

Before: devtool: "#source-map" After: devtool: "source-map"

answered Dec 31, 2023 at 7:08

Sandeep Prajapati

973 silver badges14 bronze badges

Collectives™ on Stack Overflow

Webpack 5: devtool ValidationError, invalid configuration object

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related