DeprecationWarning: Compilation.assets will be frozen in future, all modifications are deprecated

Question

I am working on a react project and when I updated webpack 4.44.2 to 5.4.0 I am getting the following message:

[DEP_WEBPACK_COMPILATION_ASSETS] DeprecationWarning: Compilation.assets will be frozen in future, all modifications are deprecated.
BREAKING CHANGE: No more changes should happen to Compilation.assets after sealing the Compilation.
    Do changes to assets earlier, e. g. in Compilation.hooks.processAssets.
    Make sure to select an appropriate stage from Compilation.PROCESS_ASSETS_STAGE_*.
(Use `node --trace-deprecation ...` to show where the warning was created)

I searched a lot but did not get an exact answer. So how can I solve ?

dhilt · Accepted Answer · 2021-02-25T13:55:01.637

30

Update 2021, Feb 25

Html-webpack-plugin v5 is released, just run

npm i -D html-webpack-plugin@latest

or

npm uninstall html-webpack-plugin

npm i -D html-webpack-plugin

Original answer

This is mostly related to html-webpack-plugin, and while its new version 5 (integrated with webpack v5) is still in beta, you should update it manually:

npm show html-webpack-plugin version 
4.5.1

npm show html-webpack-plugin@next version
5.0.0-beta.5

npm i -D html-webpack-plugin@next

edited Feb 25 '21 at 13:55

answered Jan 16 '21 at 15:05

dhilt

18,707
8
70
85

2

Should be the accepted answer ! Thank you – Amadou Beye Jan 17 '21 at 01:17
10

I found this too, but it didn't fix it for me. – Kraken Jan 20 '21 at 14:37

score 9 · Answer 2 · answered Nov 13 '20 at 12:13

9

Are you running command like npx webpack? If so, you can use:

$ node --trace-deprecation ./node_modules/.bin/webpack

It should show you all those webpack plugins producing those warnings.

answered Nov 13 '20 at 12:13

Sam Chen

1,933
16
24

2

In my case I had to use tracing this way `node --trace-deprecation ./node_modules/webpack-cli/bin/cli.js` (Im running webpack using package.json `scripts` via `npn run build`) – mikep Nov 18 '21 at 13:10

score 3 · Answer 3 · answered Feb 08 '21 at 15:32

3

These depraction warnings are negligible. The root case are plugins which violate the quite new Webpack 5 specs. Someday they will swing together (for a while).

You can get arround of [DEP_WEBPACK_COMPILATION_ASSETS] by updating npm packages. Check the latest versions with:

npm outdated

That worked for me, but now I get [DEP_WEBPACK_COMPILATION_OPTIMIZE_CHUNK_ASSETS]. Just wait and see.

answered Feb 08 '21 at 15:32

tom

9,550
6
30
49

Works fine, just run `npm update` (or `npm update --force` if you must) afterward – A-S Apr 13 '21 at 21:31

DeprecationWarning: Compilation.assets will be frozen in future, all modifications are deprecated

3 Answers3

Linked