Angular-cli: Error | Could not find plugin "proposal-numeric-separator" | Generating ES5 bundles for differential loading

[vegarda]

🐞 Bug report

Command (mark with an x)

• [ ] new
• [x] build
• [ ] serve
• [ ] test
• [ ] e2e
• [ ] generate
• [ ] add
• [ ] update
• [ ] lint
• [ ] xi18n
• [ ] run
• [ ] config
• [ ] help
• [ ] version
• [ ] doc

Is this a regression?

Yes, the previous version in which this bug was not present was: a few hours ago

Description

A clear and concise description of the problem...
Build doesn't work

🔬 Minimal Reproduction

npm install
node --max-old-space-size=4096 ./node_modules/@angular/cli/bin/ng build --prod

🔥 Exception or Error

Generating ES5 bundles for differential loading...
An unhandled exception occurred: [BABEL] C:\angular\dist\common-es2015.b1722ef05b43f664abc2.js: Could not find plugin "proposal-numeric-separator". Ensure there is an entry in ./available-plugins.js for it. (While processing: "C:\\angular\\node_modules\\@angular-devkit\\build-angular\\node_modules\\@babel\\preset-env\\lib\\index.js")
See "C:\Users\Vegard\AppData\Local\Temp\ng-J7YoSB\angular-errors.log" for further details.

🌍 Your Environment

Angular CLI: 8.3.25
Node: 12.14.1
OS: win32 x64
Angular: 8.2.14
... animations, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic
... platform-webworker, platform-webworker-dynamic, router
... service-worker

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.803.25
@angular-devkit/build-angular     0.803.25
@angular-devkit/build-optimizer   0.803.25
@angular-devkit/build-webpack     0.803.25
@angular-devkit/core              8.3.25
@angular-devkit/schematics        8.3.25
@angular/cdk                      8.2.3
@angular/cli                      8.3.25
@angular/material                 8.2.3
@angular/pwa                      0.803.25
@ngtools/webpack                  8.3.25
@schematics/angular               8.3.25
@schematics/update                0.803.25
rxjs                              6.5.4
typescript                        3.5.3
webpack                           4.39.2

Anything else relevant?

https://github.com/facebook/create-react-app/issues/8680

[keitoaino]

Try to install "@babel/compat-data": "~7.8.0" to devDependencies. This is the only workaround which helped me.

[dex252]

Try to install "@babel/compat-data": "~7.8.0" to devDependencies. This is the only workaround which helped me.

This is don't work for me...

[azhukov87]

Hi, all
@vegarda, @dex252
I have the issue as well, but i managed to find single working set of package(s)

"@angular-devkit/build-angular": "^0.803.23",
"@angular/cli": "~8.3.22",

I believe the you need to use lower version of @angular-devkit/build-angular rather then 0.803.25

[vegarda]

I was able to build by disabling generating ES5 bundles for differential loading by setting

"browserslist": [
    "last 2 Chrome versions"
]

in packages.json, and

"es5BrowserSupport": false

in angular.json

[mattcwebster]

Try to install "@babel/compat-data": "~7.8.0" to devDependencies. This is the only workaround which helped me.

This also worked for me. I was getting this error when building an image for an Angular 8 Universal app with docker. I also followed the steps listed in this react thread to use npm resolutions. https://github.com/facebook/create-react-app/issues/8680. Not sure if the resolutions step is needed because it wasn't until I added @babel/compat-data to my devDependencies that the issue was resolved. I would first just try adding @babel/compat-data to devDependencies.

[judedaryl]

Try to install "@babel/compat-data": "~7.8.0" to devDependencies. This is the only workaround which helped me.

This also worked for me. I want to add that the error didn't show up locally, but only when i used Azure Devops. I think DevOps bumps up the babel versions

[OyebisiJemil]

"@babel/compat-data": "~7.8.0"

this(npm i @babel/[email protected]) works for me! thanks @keitoaino

[SergeyMell]

"@babel/compat-data": "~7.8.0"

This also worked for me. Be sure to use exactly this version. Pay attention to the version. Firstly I automatically installed "@babel/compat-data": "^7.9.0" - this didn't work

[keitoaino]

@judedaryl this could be also related to package-lock.json - if it's ignored (eg using npm i instead of npm ci) then remote CI could be affected by this issue.

[farajfarook]

just installing "@babel/compat-data": "7.8.0" didn't work for me. I had to delete the package-lock.json file

Try to install "@babel/compat-data": "~7.8.0" to devDependencies. This is the only workaround which helped me.

This is don't work for me...

[raffienficiaud-pix4d]

Sticking to previous version of build-angular just do the work without any other change (and "@babel/compat-data": "7.8.0" did not work for me, with or without removing the lock)

"devDependencies": {
    "@angular-devkit/build-angular": "=0.803.22",
    ...
}

[morinellipy]

Try to install "@babel/compat-data": "~7.8.0" to devDependencies. This is the only workaround which helped me.

This worked for me. Is this considered a temporary solution? Should we keep a watch on this and remove it later?

[zraees]

Try to install "@babel/compat-data": "~7.8.0" to devDependencies. This is the only workaround which helped me.

Rocks!

[gs-nchakravarthi]

Try to install "@babel/compat-data": "~7.8.0" to devDependencies. This is the only workaround which helped me.

Worked for me!! Do we need to remove it manually after the fix or will be handled in the internal devDependencies?

[keitoaino]

@morinellipy @gs-nchakravarthi yes, we need to keep this only until issue will be fixed. Then it will be needed to remove @babel/compat-data dependency from host website and update @angular-devkit/build-angular (see https://github.com/angular/angular-cli/pull/17267)

[gustavohks2]

"@babel/compat-data": "~7.8.0" suggestion from the comment above solved the problem. I believe it will be fixed soon since the issue has been reported yesterday.

[vajidaliji]

"@babel/compat-data": "~7.8.0"

this(npm i @babel/[email protected]) works for me! thanks @keitoaino

Thanks men this is also work for me

[Roman-Lo]

Try to install "@babel/compat-data": "~7.8.0" to devDependencies. This is the only workaround which helped me.

This also worked for me. I was getting this error when building an image for an Angular 8 Universal app with docker. I also followed the steps listed in this react thread to use npm resolutions. facebook/create-react-app#8680. Not sure if the resolutions step is needed because it wasn't until I added @babel/compat-data to my devDependencies that the issue was resolved. I would first just try adding @babel/compat-data to devDependencies.

I'm using nrwl workspace with angular@^8.2.0(the angular cli version is 8.3.14 in the yarn.lock) and I having the same issue.

I've tried all the work arounds under this thread and none of them works for me, not until I tried adding resolutions in my package.json file.

"resolutions": {
    "@babel/preset-env": "^7.8.7"
},

See: create-react-app Issue #8860

I hope this will help someone who still having issue after trying all above, like me. And I'm looking forward for the fix.

[lchiesa2000]

The problem is preseent also with angular 8
[INFO] Generating ES5 bundles for differential loading...
[INFO] An unhandled exception occurred: [BABEL] /var/lib/jenkins/workspace/dgkoro1_0/dg-suite-client/dist/dg-suite/polyfills-es5.42ee81f782be21ac5c8b.js: Could not find plugin "proposal-numeric-separator". Ensure there is an entry in ./available-plugins.js for it. (While processing: "/var/lib/jenkins/workspace/dgkoro1_0/dg-suite-client/node_modules/@babel/preset-env/lib/index.js")
[INFO] See "/tmp/ng-QZa8t9/angular-errors.log" for further details.
[INFO] npm ERR! code ELIFECYCLE
[INFO] npm ERR! syscall spawn
[INFO] npm ERR! file sh
[INFO] npm ERR! errno ENOENT
[INFO] npm ERR! [email protected] build-svil: ng build --configuration=svil && node usestrictfixer.js
[INFO] npm ERR! spawn ENOENT
[INFO] npm ERR!
[INFO] npm ERR! Failed at the [email protected] build-svil script.
[INFO] npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
[INFO]
[INFO] npm ERR! A complete log of this run can be found in:
[INFO] npm ERR! /var/lib/jenkins/.npm/_logs/2020-03-23T07_48_51_372Z-debug.log

[lakshitha1629]

Use these Steps to Fix the Issue

1. delete node_modules and package-lock.json

2. add "resolutions": { "@babel/preset-env": "^7.8.7" } to package.json

3. npm install npm-force-resolutions --save-dev

4. npm install
5. npx npm-force-resolutions
6. npm install again
7. ionic build , ionic cordova run android

[alexnoise79]

CHANGING
"@angular-devkit/build-angular": "^0.803.25"
TO
"@angular-devkit/build-angular": "0.803.23"

worked for me

[mohanramphp]

Try to install "@babel/compat-data": "~7.8.0" to devDependencies. This is the only workaround which helped me.

Thank god. This works. Angular Team please help in fixing this issue from angular cli end.

[splincode]

working

"@babel/compat-data": "7.8.0"

not working

"@babel/compat-data": "7.9.0"

[kkilton]

Verified that it was a Babel bug introduced 3 days ago.
https://github.com/babel/babel/pull/11201
https://www.npmjs.com/package/@babel/preset-env
Lock down the versions of Babel’s packages using the tilde instead of the caret:
"dependencies": { "@babel/preset-env": "~7.8.7", "@babel/compat-data": "~7.8.6",

[stchln]

Hi kkilton, may I ask you how to do this lockdown? Is it equivalent procedure than the one given by Lakshitha Perera but for preset-env and compat-data ?

[kkilton]

Hi kkilton, may I ask you how to do this lockdown? Is it equivalent procedure than the one given by Lakshitha Perera but for preset-env and compat-data ?

stchln, I didn't need to do all the extra steps that Lakshitha did (although I tried and it didn't work for me) I just updated the dependencies in the package.config. The tilde's are what's important. The caret will allow the versions to go up to minor 7.9.999 (which is where the problem is, minor version 9) where the tilde only allows the patch version to increase up to 7.8.999... You could also remove the tilde and caret completely until Babel gets a fix deployed. Hope this helps.

[stchln]

Will try, thanks a lot

[Ruslancic]

Try to install "@babel/compat-data": "~7.8.0" to devDependencies. This is the only workaround which helped me.

This procedure, break the compilation of es5 files in ionic for old webview system and older phone!
Resulting in Blank White Screen!

[NewtonMan]

WORKARROUND
On package.json add

  "resolutions": {
    "@babel/preset-env": "^7.8.7",
    "@babel/compat-data": "~7.8.0"
  }

run npx npm-force-resolutions
then run npm install or yarn
then run npm build or yarn build

[jazarie2]

WORKARROUND
On package.json add

  "resolutions": {
    "@babel/preset-env": "^7.8.7",
    "@babel/compat-data": "~7.8.0"
  }

run npx npm-force-resolutions
then run npm install or yarn
then run npm build or yarn build

Tried this and work on first try

[stchln]

This is not working for me, I still have the painful error on @babel/plugin-proposal-numeric-separator while in my package-lock.json I see compat-data 7.8.6 and preset-env 7.8.7

npm ls @babel/preset-env gives
visual@ c:...
— @babel/[email protected]

npm ls @babel/compat-data
visual@ ...
+— @babel/[email protected]
ˋ— @babel/[email protected]
+— @babel/[email protected] deduped
´— @babel/[email protected]
´@babel/[email protected]

[stchln]

@jazarie2 just tried what you suggest and I can go up to npm build, thanks but then when, as sampleRHTMLVisual demo I am trying to build, I am requested to have @babel/plugin-proposal-numeric-separator when launching pbiviz package...

[stchln]

And If I do a npm install —save-dev @babel/plugin-proposal-numeric-separator I get a warning that the plugin required a peer of @babel/core@^7.0.0-0 but none is installed

[kkilton]

@stchln can you try and delete your node_module/@babel folder and then run npm install? I went down the route of trying to install the proposal-numeric-separator but ended up reverting that and didn't need it in the end. Your package-lock.json looks fine from the ls cmd but maybe try and delete it and re-gen it with npm install --package-lock?

[MustafaMohamed2018]

working

"@babel/compat-data": "7.8.0"

not working

"@babel/compat-data": "7.9.0"

that worked for me thanks

[datazen]

WORKARROUND
On package.json add

  "resolutions": {
    "@babel/preset-env": "^7.8.7",
    "@babel/compat-data": "~7.8.0"
  }

run npx npm-force-resolutions
then run npm install or yarn
then run npm build or yarn build

Tried this and also worked on first try

[lopezbertoni]

Same here

working

"@babel/compat-data": "7.8.0"

not working

"@babel/compat-data": "7.9.0"

that worked for me thanks

[burdokat]

CHANGING
"@angular-devkit/build-angular": "^0.803.25"
TO
"@angular-devkit/build-angular": "0.803.23"

worked for me

This worked for me. No problem with angular ng build.

[willr79]

WORKARROUND
On package.json add

  "resolutions": {
    "@babel/preset-env": "^7.8.7",
    "@babel/compat-data": "~7.8.0"
  }

run npx npm-force-resolutions
then run npm install or yarn
then run npm build or yarn build

This also worked for me on the first try. Thank you for the solution!

[fritzwf]

The above "WORKARROUND" worked for me.

[devexpert9]

Try this, this works: npm i @babel/[email protected]

[stchln]

DONE compiled pbiviz after applying the « resolutions » from datazen + manual installation of @babel/plugin-proposal-numeric-separator
Thanks all

[WahabShah23]

Try this, this works: npm i @babel/[email protected]

This worked for me as well. Tried all others but this was the one successfully executed. Have been banging my head from past 6-7 hours before landed here. Thank you.

[astaev]

@babel/comap-data didn't help on my machine. Manually referencing the numeric-separator package into the @babel/preset-env/lib/available-plugins.js fixed the error.
var _pluginNumeric = _interopRequireDefault(require("@babel/plugin-proposal-numeric-separator"));
"proposal-numeric-separator": _pluginNumeric.default,

[vigan-abd]

Hi, all
@vegarda, @dex252
I have the issue as well, but i managed to find single working set of package(s)

"@angular-devkit/build-angular": "^0.803.23",
"@angular/cli": "~8.3.22",

I believe the you need to use lower version of @angular-devkit/build-angular rather then 0.803.25

Forcing version of "@angular-devkit/build-angular" to 0.803.22 fixed the issue also in my env, "@babel/compat-data": "~7.8.0" didn't work

[okandavut]

Try to install "@babel/compat-data": "~7.8.0" to devDependencies. This is the only workaround which helped me.

It's also worked for me thanks!

[pixael]

I only had to do:
npm i @babel/[email protected]
works like a charm. Thanks to @keitoaino.

[pehfernandesl]

Try to install "@babel/compat-data": "~7.8.0" to devDependencies. This is the only workaround which helped me.

This worked to me.

Angular CLI: 8.3.25
Node: 12.16.1
OS: linux x64
Angular: 8.2.14

@angular-devkit/architect 0.803.25
@angular-devkit/build-angular 0.803.25
@angular-devkit/build-optimizer 0.803.25
@angular-devkit/build-webpack 0.803.25
@angular-devkit/core 8.3.25
@angular-devkit/schematics 8.3.25
@angular/cli 8.3.25
@ngtools/webpack 8.3.25
@schematics/angular 8.3.25
@schematics/update 0.803.25
rxjs 6.4.0
typescript 3.5.3
webpack 4.39.2

[unnhao]

I remove whole node_modules which installed with ng new, and run npm install again.

Angular CLI: 8.3.25
Node: 10.17.0
OS: win32 x64
Angular: 8.2.14
... animations, common, compiler, compiler-cli, core, forms     
... language-service, platform-browser, platform-browser-dynamic
... router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.803.25
@angular-devkit/build-angular     0.803.25
@angular-devkit/build-optimizer   0.803.25
@angular-devkit/build-webpack     0.803.25
@angular-devkit/core              8.3.25
@angular-devkit/schematics        8.3.25
@angular/cli                      8.3.25
@ngtools/webpack                  8.3.25
@schematics/angular               8.3.25
@schematics/update                0.803.25
rxjs                              6.4.0
typescript                        3.5.3
webpack                           4.39.2

[adiediekdo]

"@babel/compat-data": "~7.8.0"

this(npm i @babel/[email protected]) works for me! thanks @keitoaino

works for me to, thanks

[yusufali19]

WORKARROUND
On package.json add

  "resolutions": {
    "@babel/preset-env": "^7.8.7",
    "@babel/compat-data": "~7.8.0"
  }

run npx npm-force-resolutions
then run npm install or yarn
then run npm build or yarn build

Tried this and work on first try

[barryguda-1]

"devDependencies": {
"babel/compat-data": "7.8.0",
}
This worked for me on first trial

[yanestevesufjf]

Try to install "@babel/compat-data": "~7.8.0" to devDependencies. This is the only workaround which helped me.

works for me too.

[wzoccarato]

"devDependencies": {
"babel/compat-data": "7.8.0",
}

This worked for me too

[pimol]

Try to install "@babel/compat-data": "~7.8.0" to devDependencies. This is the only workaround which helped me.

For me too, but only after I run ionic repair

P.

[ozzpy]

work for me adding "@babel/compat-data": "7.8.0" and delete lock file, then npm i, after this I was able to run the app.

[cat0rgi0]

Try to install "@babel/compat-data": "~7.8.0" to devDependencies. This is the only workaround which helped me.

Worked

[rk-2903]

Try to install "@babel/compat-data": "~7.8.0" to devDependencies. This is the only workaround which helped me.
Do:-
npm i @babel/[email protected]

[alexlarraga1]

Sticking to previous version of build-angular just do the work without any other change (and "@babel/compat-data": "7.8.0" did not work for me, with or without removing the lock)

"devDependencies": {
    "@angular-devkit/build-angular": "=0.803.22",
    ...
}

This works for me

[id1945]

Try to install "@babel/compat-data": "~7.8.0" to devDependencies. This is the only workaround which helped me.

Thanks you! :+1: :1st_place_medal: :1st_place_medal:

[robertrypula]

I'm working with Yarn 1.22.4 and Angular 8.2.14 on Windows 10. Problem started to occur when I installed ngx-markdown 9.0.0. I had some TypeScript related issue so I downgraded ngx-markdown to 8.2.2. After that I started to get proposal-numeric-separator errors. In my case adding ONLY this...

"resolutions": {
    "@babel/preset-env": "^7.8.7"
},

...to the package.json worked. Probably I also removed yarn-lock and node_modules before installing packages once more time (I spent "magic" 1.5h of frustration...). At the same time I "destroyed" my Ubuntu 18.04 VPS . It was working fine on commits before installing ngx-markdown. Nothing was helping - resetting repository to the commit from the past, deleting node_modules, yarn.lock or even upgrading node or yarn versions ;) Looks like when it's broken it's remains broken no matter what you do :P

[SaraSultanLearn]

with me none of previous solutions solved my issue:
Just Update Angular-cli in global and also update Node , npm
and create another new Project works fine :)

[phantomk]

Sticking to previous version of build-angular just do the work without any other change (and "@babel/compat-data": "7.8.0" did not work for me, with or without removing the lock)

"devDependencies": {
    "@angular-devkit/build-angular": "=0.803.22",
    ...
}

worked for me, mac and docker(centos)

[pcaserta]

Make sure you hit npm install before rebuilding your app, or the actual version won't be installed

[virtualvishwam]

I was able to build by disabling generating ES5 bundles for differential loading by setting

"browserslist": [
    "last 2 Chrome versions"
]

in packages.json, and

"es5BrowserSupport": false

in angular.json

Where exactly to add these inside angular.json and package.json?
I am a bit new to all this.

Also installing "@babel/compat-data": "7.8.0" did not work for me.

I am using Ionic App

[mirogrenda]

The following worked for me too:

1. ADD "@babel/compat-data": "7.8.0" to package.json
2. CLEAN node_modules
3. DELETE package-lock.json
4. RUN npm install
5. RUN ng build

Code example (from package.json):

{
  "scripts": {
    // no change here
  },
  "dependencies": {
    // no change here
  },
  "devDependencies": {
    "@babel/compat-data": "7.8.0" // added
  }
}

[Fluuub]

All above was not working for me.
What I did as a TEMPORARY solution (Hence ugly):
npm install install @babel/plugin-proposal-numeric-separator --save-dev

Then changed file (And that is what is ugly, because it won't work if you reinstall modules):
[email protected]

By adding:
var _pluginProposalNumericSeparator = _interopRequireDefault(require("@babel/plugin-proposal-numeric-separator"));

And at the bottom, in the _default array, adding:
"proposal-numeric-separator": _pluginProposalNumericSeparator

[vivek437]

Try to install "@babel/compat-data": "~7.8.0" to devDependencies. This is the only workaround which helped me.

this did not work for me as well.. but this did..

"devDependencies": {
"@babel/core": "^7.7.4",
}

[sethbergman]

CICD Use Case

• I'm building an application on a GitLab instance and deploying to kubernetes.
• The project is @angular/cli version 7.x.x and I want to use Node.js 12 in my Dockerfile.

I clone the repo to remove the package lock and the node_modules file / folder.

I add this suggestion from above to my package.json then do a quick install to generate a new package-lock.json, and then I modify my Dockerfile. This particular project doesn't require me to compile so I'm doing everything in the Dockerfile.

FROM  custom-registry/nodejs-devops:12-lts_v2.0.0 as node
WORKDIR /app
COPY . .
#################################################
RUN npm install && npx npm-force-resolutions
##################################################
ENV NODE_ENV=production
RUN npm run build

FROM custom-registry/nginx-devops:1.16-lts_v2.0.0
EXPOSE 8080
COPY --from=node /app/dist /usr/share/nginx/html

[SemicolonStruggles]

Can confirm that manually adding "@babel/compat-data": "~7.8.0" to the devDependencies works.

You need to explicitly tell it to use version 7.8.0 (using ~ rather than ^) since any newer versions will not work.

[clydin]

For anyone experiencing this issue, Angular CLI 8.3.26 has been released with an update to the babel versions. No workarounds should be necessary after an update. When updating, please ensure that the @angular-devkit/build-angular package was also updated to 0.803.26. This package contains the majority of the build logic for the CLI.

If anyone is still encountering issues after an update, please open a new issue with details regarding your environment and project versions.

[Seshirantha]

npm i @babel/[email protected] worked for me. Check the followings as well.

Results of ng --version
``` _ _ ____ _ ___ / \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _| / △ \ | '_ \ / _ | | | | |/ _` | '__| | | | | | |
/ ___ | | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ __| |_|__, |__,_|_|__,_|_| ____|_____|___|
|___/

Angular CLI: 8.3.25
Node: 10.16.3
OS: win32 x64
Angular: 8.2.14
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package Version

@angular-devkit/architect 0.803.25
@angular-devkit/build-angular 0.803.25
@angular-devkit/build-optimizer 0.803.25
@angular-devkit/build-webpack 0.803.25
@angular-devkit/core 8.3.25
@angular-devkit/schematics 8.3.25
@angular/cli 8.3.25
@ngtools/webpack 8.3.25
@schematics/angular 8.3.25
@schematics/update 0.803.25
rxjs 6.4.0
typescript 3.5.3
webpack 4.39.2````

[UsmanAhmad888]

Try to install "@babel/compat-data": "~7.8.0" to devDependencies. This is the only workaround which helped me.

works for me too (Y) thanks

[devsandro]

Try to install "@babel/compat-data": "~7.8.0" to devDependencies. This is the only workaround which helped me.

npm i @babel/[email protected] this worked fine. thanks

[Johannes-LAMK]

I had the same problem, when building angular app. I just updated my packages and then it worked.

[anantkumar323]

1.delete node_modules and package-lock.json
2.add “resolutions”: { “@babel/preset-env”: “^7.8.7” }, to package.json
3.npm install npm-force-resolutions --save-dev
4.npm install
5.npx npm-force-resolutions
6.npm install again
7.then run your app

https://forum.ionicframework.com/t/how-to-resolve-babel-error-when-installing-geolocation-in-ionic-app/185542/3

[kaelwebdev]

I solved this problem as follows:

"devDependencies": {
    "@angular-devkit/architect": "~0.801.2",
    ...

in package.json.
then I did npm install to apply the changes.

[gokul123]

got this error while running ng build.
Solution

1. add "@babel/compat-data": "~7.8.0" to devDependencies.
2. npm install

[cvele89]

got this error while running ng build.
Solution

1. add "@babel/compat-data": "~7.8.0" to devDependencies.

2. npm install

Helped me as well.

[dominic-ks]

got this error while running ng build.
Solution

1. add "@babel/compat-data": "~7.8.0" to devDependencies.

2. npm install

Helped me as well.

Same for me, started experiencing this error after updating an Ionic 4 app to Ionic 5 and building with Ionic Pro. All fine after adding this.

[ZakoMthiya]

Can confirm that manually adding "@babel/compat-data": "~7.8.0" to the devDependencies works.

You need to explicitly tell it to use version 7.8.0 (using ~ rather than ^) since any newer versions will not work.

Thank you. This worked for me as well

[harshkr101]

npm i @babel/[email protected]
worked for me

[bullwrinkle]

I've tried all the various suggestions listed above and none of them are working for me.

  "devDependencies": {
    "@babel/compat-data": "^7.8.0",
    "@babel/core": "^7.10.3",
    "@babel/runtime": "^7.10.3",
     ..
}

$ rm -rf node_modules
$ yarn cache clean
$ yarn

Contents of package.json
```{
"name": "hmiclient",
"version": "0.9.56",
"private": true,
"scripts": {
"start": "react-native start",
"android.clean": "cd android && rm -rf build && ./gradlew clean && cd app && rm -rf build && cd .. && cd ..",
"android.buildrelease.prod": "export ENVFILE=.env.prod && chmod 755 ./envconfig/setupenv.sh && ./envconfig/setupenv.sh && sh ./envconfig/upload-android-sourcemap.sh && cd android && ./gradlew bundleRelease",
"android.buildrelease.stage": "export ENVFILE=.env.stage && chmod 755 ./envconfig/setupenv.sh && ./envconfig/setupenv.sh && ./gradlew android/assembleRelease",
"android.buildrelease.prod.windows": "set ENVFILE=.env.prod && ./envconfig/setupenv.sh && react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res && cd android && ./gradlew bundleRelease",
"android.debugrelease.prod": "export ENVFILE=.env.prod && chmod 755 ./envconfig/setupenv.sh && react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res && cd android && ./gradlew assembleDebug",
"android.run.prod": "export ENVFILE=.env.prod && chmod 755 ./envconfig/setupenv.sh && ./envconfig/setupenv.sh && react-native run-android",
"android.run.stage": "export ENVFILE=.env.stage && chmod 755 ./envconfig/setupenv.sh && ./envconfig/setupenv.sh && react-native run-android",
"android.run.local": "export ENVFILE=.env.local && chmod 755 ./envconfig/setupenv.sh && ./envconfig/setupenv.sh && react-native run-android --appIdSuffix 'debug'",
"android.run.local.windows": "set ENVFILE=.env.local && ./envconfig/setupenv.sh && react-native run-android --appIdSuffix 'debug'",
"ios.buildrelease.prod": "export ENVFILE=.env.prod && chmod 755 ./envconfig/setupenv.sh && ./envconfig/setupenv.sh",
"ios.buildrelease.archive": "export ENVFILE=.env.prod && chmod 755 ./envconfig/setupenv.sh && ./envconfig/setupenv.sh && xcodebuild archive -workspace ios/client.xcworkspace -scheme clientPROD -configuration Release -archivePath ios/build/clientPROD.xcarchive && xcodebuild -exportArchive -archivePath ios/build/clientPROD.xcarchive -exportOptionsPlist ios/exportOptions.plist -exportPath ~/Library⁩/Developer⁩/Xcode⁩/Archives⁩ && fastlane deploy XXX",
"ios.run.prod": "export ENVFILE=.env.prod && chmod 755 ./envconfig/setupenv.sh && ./envconfig/setupenv.sh && react-native run-ios",
"ios.run.stage": "export ENVFILE=.env.stage && chmod 755 ./envconfig/setupenv.sh && ./envconfig/setupenv.sh && react-native run-ios",
"ios.run.local": "export ENVFILE=.env.local && chmod 755 ./envconfig/setupenv.sh && ./envconfig/setupenv.sh && react-native run-ios --simulator='iPhone 8 Plus'",
"ios.run.local_device": "export ENVFILE=.env.local_device && chmod 755 ./envconfig/setupenv.sh && ./envconfig/setupenv.sh && react-native run-ios --device",
"ios.run.local_other": "export ENVFILE=.env.local && chmod 755 ./envconfig/setupenv.sh && ./envconfig/setupenv.sh && react-native run-ios --simulator='iPhone X'",
"test": "node node_modules/jest/bin/jest.js",
"lint": "standard src//.js src//.jsx",
"postinstall": "jetifier",
"remotedev": "remotedev --hostname=192.168.1.66 --port=8000",
"e2e": "wdio wdio.conf.js"
},
"dependencies": {
"@react-native-community/async-storage": "^1.6.2",
"@react-native-community/google-signin": "^4.0.0",
"@react-native-community/react-native-cookies": "^1.1.0",
"@react-navigation/native": "^5.1.1",
"accordion-collapse-react-native": "^0.2.8",
"base-64": "^0.1.0",
"bugsnag-react-native": "^2.23.2",
"crypto-js": "^3.1.9-1",
"dotenv": "^8.2.0",
"es6-promisify": "^6.0.2",
"fast-deep-equal": "^2.0.1",
"jetifier": "^1.6.4",
"libphonenumber-js": "^1.7.26",
"merge-anything": "^3.0.3",
"mustache": "^3.1.0",
"parse": "https://github.com/parse-community/Parse-SDK-JS#27a5ca00f41160791f80b8ed70bf3ce5afad5c0b",
"patch-package": "^6.2.0",
"postinstall-postinstall": "^2.0.0",
"qs": "^6.9.1",
"react": "16.12.0",
"react-native": "0.61.4",
"react-native-app-intro-slider": "^3.0.0",
"react-native-appearance": "^0.3.3",
"react-native-background-timer": "^2.1.1",
"react-native-camera": "^3.9.0",
"react-native-carrier-info": "^1.1.2",
"react-native-config": "0.12.0",
"react-native-contacts": "^5.0.6",
"react-native-datepicker": "1.7.2",
"react-native-device-info": "^5.2.1",
"react-native-elements": "0.19.0",
"react-native-fbsdk": "^1.1.1",
"react-native-firebase": "~5.6.0",
"react-native-fs": "^2.16.2",
"react-native-gesture-handler": "1.5.0",
"react-native-hyperlink": "^0.0.19",
"react-native-image-picker": "1.1.0",
"react-native-linear-gradient": "^2.4.4",
"react-native-modal": "^11.5.3",
"react-native-phone-input": "0.2.2",
"react-native-picker-select": "6.3.3",
"react-native-qrcode-svg": "^5.3.2",
"react-native-reanimated": "1.4.0",
"react-native-restart": "^0.0.13",
"react-native-safe-area-context": "^0.6.1",
"react-native-screens": "^2.8.0",
"react-native-shapes": "^0.1.0",
"react-native-svg": "^9.13.3",
"react-native-swiper": "^1.6.0-rc.3",
"react-native-swiper-flatlist": "2.0.3",
"react-native-vcards": "^2.5.0",
"react-native-vector-icons": "^6.1.0",
"react-native-webview": "^7.4.3",
"react-navigation": "^4.0.10",
"react-navigation-stack": "^1.10.3",
"react-navigation-tabs": "^2.5.6",
"react-redux": "7.1.3",
"redux": "4.0.4",
"redux-persist": "^6.0.0",
"redux-persist-filesystem-storage": "2.1.0",
"redux-persist-transform-filter": "0.0.20",
"redux-thunk": "^2.3.0",
"remote-redux-devtools": "^0.5.16",
"reselect": "^4.0.0",
"rn-fetch-blob": "^0.12"
},
"devDependencies": {
"@babel/compat-data": "^7.8.0",
"@babel/core": "^7.10.3",
"@babel/runtime": "^7.10.3",
"@types/jest": "^24.0.22",
"@wdio/allure-reporter": "^5.16.0",
"@wdio/appium-service": "^5.16.5",
"@wdio/cli": "^5.16.4",
"@wdio/jasmine-framework": "^5.16.5",
"@wdio/local-runner": "^5.16.4",
"@wdio/mocha-framework": "^5.16.0",
"@wdio/spec-reporter": "^5.15.2",
"@wdio/sync": "^5.16.0",
"appium": "^1.15.1",
"babel-jest": "^24.9.0",
"babel-plugin-transform-remove-console": "^6.9.4",
"chromedriver": "^78.0.1",
"detox": "^14.7.0",
"gradle-to-js": "^2.0.0",
"jest": "24.9.0",
"metro-react-native-babel-preset": "0.57.0",
"react-test-renderer": "^16.11.0",
"remotedev-server": "^0.3.1",
"standard": "^14.3.1",
"wdio-chromedriver-service": "^5.0.2",
"wdio-video-reporter": "^1.4.4"
},
"detox": {
"configurations": {
"ios.sim.debug": {
"binaryPath": "ios/build/Build/Products/Debug-iphonesimulator/client.app",
"build": "xcodebuild -workspace ios/client.xcworkspace -scheme client -configuration Debug -UseNewBuildSystem=YES -sdk iphonesimulator -derivedDataPath ios/build",
"type": "ios.simulator",
"name": "iPhone 8"
},
"ios.sim.release": {
"binaryPath": "ios/build/Build/Products/Debug-iphonesimulator/client.app",
"build": "set -o pipefail && export CODE_SIGNING_REQUIRED=NO && export RCT_NO_LAUNCH_PACKAGER=true && xcodebuild -project ios/example.xcodeproj -UseNewBuildSystem=YES -scheme example_ci -configuration Release -sdk iphonesimulator -derivedDataPath ios/build",
"type": "ios.simulator",
"name": "iPhone 8"
},
"android.emu.debug": {
"binaryPath": "android/app/build/outputs/apk/debug/app-debug.apk",
"build": "cd android && ./gradlew assembleDebug assembleAndroidTest -DtestBuildType=debug && cd ..",
"type": "android.emulator",
"name": "Pixel_2_API_29"
},
"android.emu.release": {
"binaryPath": "android/app/build/outputs/apk/release/app-release.apk",
"build": "cd android && ./gradlew assembleRelease assembleAndroidTest -DtestBuildType=release && cd ..",
"type": "android.emulator",
"name": "Pixel_2_API_29"
}
},
"test-runner": "jest",
"specs": "e2e"
},
"resolutions": {
"@babel/preset-env": "^7.8.7"
},
"standard": {
"globals": [
"__DEV__",
"detox",
"describe",
"it",
"beforeEach",
"afterEach",
"element",
"expect",
"by",
"device",
"waitFor",
"fetch"
]
}
}

And I still end up with the same error

[19:17:49] Error in plugin "gulp-babel"
Message:
[BABEL] /Users/normanklein/Library/Caches/Yarn/v6/.tmp/dab8deaa179dd66562dd889ce1b3b406.27a5ca00f41160791f80b8ed70bf3ce5afad5c0b.prepare/src/Analytics.js: Could not find plugin "proposal-numeric-separator". Ensure there is an entry in ./available-plugins.js for it. (While processing: "/Users/normanklein/Library/Caches/Yarn/v6/.tmp/dab8deaa179dd66562dd889ce1b3b406.27a5ca00f41160791f80b8ed70bf3ce5afad5c0b.prepare/node_modules/@babel/preset-env/lib/index.js")
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] gulp: gulp "compile"
npm ERR! Exit status 1
```

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{_This action has been performed automatically by a bot._}

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{_This action has been performed automatically by a bot._}