Angular Build: Unknown version 64 of op_mob

[heloufir]

I am facing the following error when Jenkins try to build my angular application. In my dev environment it builds correctly without no error.

./node_modules/bootstrap/dist/css/bootstrap.min.css - Error: Module build failed (from ./node_modules/@angular-devkit/build-angular/node_modules/mini-css-extract-plugin/dist/loader.js):
HookWebpackError: Module build failed (from ./node_modules/@angular-devkit/build-angular/src/babel/webpack-loader.js):
BrowserslistError: [BABEL] /usr/src/app/node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/runtime/sourceMaps.js: Unknown version 64 of op_mob (While processing: "base$0$0")

 

./src/styles.css - Error: Module build failed (from ./node_modules/@angular-devkit/build-angular/node_modules/mini-css-extract-plugin/dist/loader.js):
HookWebpackError: Module build failed (from ./node_modules/@angular-devkit/build-angular/src/babel/webpack-loader.js):
BrowserslistError: [BABEL] /usr/src/app/node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/runtime/sourceMaps.js: Unknown version 64 of op_mob (While processing: "base$0$0")

 

./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/runtime/api.js - Error: Module build failed (from ./node_modules/@angular-devkit/build-angular/src/babel/webpack-loader.js):
BrowserslistError: [BABEL] /usr/src/app/node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/runtime/api.js: Unknown version 64 of op_mob (While processing: "base$0$0")

 

./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/runtime/sourceMaps.js - Error: Module build failed (from ./node_modules/@angular-devkit/build-angular/src/babel/webpack-loader.js):
BrowserslistError: [BABEL] /usr/src/app/node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/runtime/sourceMaps.js: Unknown version 64 of op_mob (While processing: "base$0$0")

 

./node_modules/@angular/cdk/__ivy_ngcc__/fesm2015/collections.js - Error: Module build failed (from ./node_modules/@angular-devkit/build-angular/src/babel/webpack-loader.js):
BrowserslistError: [BABEL] /usr/src/app/node_modules/@angular/cdk/__ivy_ngcc__/fesm2015/collections.js: Unknown version 64 of op_mob (While processing: "base$0$0")

.....
   


./node_modules/keycloak-angular/fesm2015/keycloak-angular.mjs - Error: Module build failed (from ./node_modules/@angular-devkit/build-angular/src/babel/webpack-loader.js):
BrowserslistError: [BABEL] /usr/src/app/node_modules/keycloak-angular/fesm2015/keycloak-angular.mjs: Unknown version 64 of op_mob (While processing: "base$0$0")

Any idea?

[ai]

1. Check lock file of your package manager. Look for caniuse-lite, you should have one copy.
2. Try to run npx update-browserslist-db@latest inside your project to update caniuse-lite version

[ai]

Looks good. What Browserslist config do you have?

[heloufir]

The following is the content of my browserslist file:

# This file is currently used by autoprefixer to adjust CSS to support the below specified browsers
# For additional information regarding the format and rule options, please see:
# https://github.com/browserslist/browserslist#queries
#
# For IE 9-11 support, please remove 'not' from the last line of the file and adjust as needed

> 0.5%
last 2 versions
Firefox ESR
not dead
IE 9-11

[ai]

Sorry, everything looks good. Try to ask Banel team

[heloufir]

You mean Babel?

[ai]

Yes

[JLHwung]

Please update @babel/helper-compilation-targets 7.19 to the latest version. I recommend updating all @babel/* to their latest versions.

After #768 is merged, the API used by Babel browserslist(..., { mobileToDesktop: true }) now returns Opera Mobile version, e.g. op_mob 64, but Babel 7.19 does not recognize this browser, as previously it was merged (incorrectly) with Opera desktop and returned opera 64.

We have released an update to support op_mob query in 7.22.6.

[heloufir]

Ok, I will test that and let you know.
Thank you

[heloufir]

I installed @babel/helper-compilation-targets version 7.22.6 but got always the same issue

[JLHwung]

Did you try https://docs.npmjs.com/cli/v8/commands/npm-dedupe? You don't have to explicitly install it in package.json, but rather please make sure there is only one helper-compilation-targets in your lock files. If some library is depending on an older version, this issue persists.

[heloufir]

Ah I see!
I will try this, thanks again :)