Browserslist: caniuse-lite is outdated - error when building web

Where to find the issue

npm run build on https://github.com/corona-warn-app/cwa-website

Describe the issue

Building cwa-website gives a new error message:

Browserslist: caniuse-lite is outdated. Please run:
npx browserslist@latest --update-db

This error only started showing a couple of days ago.

npm packages are out of date.

Steps to reproduce

1. Execute npm run build
2. Note message:
   

Browserslist: caniuse-lite is outdated. Please run:
npx browserslist@latest --update-db

Why you should do it regularly:
https://github.com/browserslist/browserslist#browsers-data-updating

Suggested change

Update packages according to definitions in package.json.

This incidentally updates also caniuse-lite which is a dependency.

To check available package versions, execute npm outdated:

$ npm outdated
Package                Current  Wanted  Latest  Location
@babel/core             7.14.3  7.15.8  7.15.8  corona-warn-app-landingpage
@babel/preset-env       7.14.2  7.15.8  7.15.8  corona-warn-app-landingpage
apexcharts              3.27.3  3.29.0  3.29.0  corona-warn-app-landingpage
autoprefixer             9.8.6   9.8.8  10.3.7  corona-warn-app-landingpage
babel-loader             8.2.2   8.2.3   8.2.3  corona-warn-app-landingpage
browser-sync           2.26.14  2.27.5  2.27.5  corona-warn-app-landingpage
cypress                  7.6.0   7.7.0   8.6.0  corona-warn-app-landingpage
google-protobuf         3.17.1  3.19.0  3.19.0  corona-warn-app-landingpage
gulp-imagemin            7.1.0   7.1.0   8.0.0  corona-warn-app-landingpage
gulp-load-plugins        2.0.6   2.0.7   2.0.7  corona-warn-app-landingpage
gulp-postcss             8.0.0   8.0.0   9.0.1  corona-warn-app-landingpage
gulp-sass                4.1.0   4.1.1   5.0.0  corona-warn-app-landingpage
gulp-sitemap             7.7.0   7.7.0   8.0.0  corona-warn-app-landingpage
gulp-sourcemaps          2.6.5   2.6.5   3.0.0  corona-warn-app-landingpage
js-yaml                 3.14.1  3.14.1   4.1.0  corona-warn-app-landingpage
marked                   2.0.5   2.1.3   3.0.7  corona-warn-app-landingpage
node-fetch               2.6.5   2.6.5   3.0.0  corona-warn-app-landingpage
rxjs                     7.3.0   7.4.0   7.4.0  corona-warn-app-landingpage
start-server-and-test   1.12.3  1.14.0  1.14.0  corona-warn-app-landingpage
webpack                 4.46.0  4.46.0  5.59.1  corona-warn-app-landingpage
webpack-stream           5.2.1   5.2.1   7.0.0  corona-warn-app-landingpage
yargs                   15.4.1  15.4.1  17.2.1  corona-warn-app-landingpage

Then to update packages to “Wanted” versions, execute npm update:

npm update --dev

Use:

npm test

to run Cypress test which confirms build and tests.

[MikeMcC399]

I think npm package updates are generally best done by the Open Source Team, due to potential impact and security issues.

If you do want me to submit a PR according to the “Suggested change” above, then please let me know, otherwise I will assume that the team will handle it.

[MikeMcC399]

I decided only to follow up on the LTS issue (#1967), so I am now closing this issue.

@FabioFuschi-SNK if you want to suggest about a better way to stop Browserslist: caniuse-lite is outdated. appearing in future, then please feel free to open a new issue.