Error Encountered During Angular Production Build: Plugin "proposal-numeric-separator" Not Found

After trying to build the production version, I encountered an error message stating that

Could not find plugin "proposal-numeric-separator". Ensure there is an entry in ./available-plugins.js for it.
. Please refer to the screenshot of the error attached below. We have also included "@babel/preset-env": "^7.8.7" in the dependencies.

https://i.stack.imgur.com/qBNnh.png

Answer №1

Encountered a similar problem while running an Angular 8 production build. The issue was resolved by updating the following dev dependencies:

"@angular-devkit/build-angular": "^0.803.23"    
"@babel/compat-data": "^7.8.0"

Hopefully this solution works for you too.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Issue encountered while executing `gatsby build` with Kentico Kontent

I have been developing a project that utilizes both Gatsby and Kentico Kontent. During development on my Windows 10 machine, I have had success running gatsby develop and npm run develop. Typically, the output looks like this: $ npm run develop success o ...

Unable to launch React Native project on emulator now

Something seems off with my App as it won't start up on my AS Emulator. Everything was running smoothly yesterday, but today it's not working - possibly due to me moving the npm and npm-cache folders, although they are configured correctly with n ...

directive for a custom loader in ag-grid

I have incorporated ag-grid-angular into my project more than 20 times across different pages. Each time, I use a custom loader before the data is loaded. However, I would like to make this custom loader a directive so that it can be easily reused in all i ...

The ngOnChanges lifecycle hook does not trigger when the same value is updated repeatedly

Within my appComponent.ts file, I have a property called: this._userMessage Afterwards, I pass it to the childComponent like so: <child-component [p_sUserMessage]='_userMessage'></child-component> In the childComponent.ts file: @ ...

I encountered an npm install error while attempting to host my React website on Netlify

Running the npm run build command locally and uploading the build folder to Netlify results in successful hosting but triggers a significant error: While attempting continuous deployment from my GitHub repository, I encountered the following error at the ...

Resource Jump.js could not be loaded

Although I am still new to NPM, I have mostly built websites without using it. Recently, I decided to implement smooth scroll using Jump.js. Initially, everything seemed to work well when I used the live server extension in VScode. However, once I uploade ...

Configuration files and dynamic link libraries included in the Electron software package

I'm trying to figure out how to package dlls and configuration files using electron-builder or electron-packager. Despite searching the documentation for both tools, I haven't found an example of where to place these files when packaging the appl ...

Unknown Angular component identified

I'm currently working on an application with the following structure: app |-- author |-- |-- posts |-- |-- |-- posts.component.html |-- |-- author.component.html |-- |-- components |-- |-- tag |-- |-- |-- tag.component.ts |-- home |-- |-- home.comp ...

What is the process for adjusting the color of a mat-divider?

Has anyone been successful in changing the color of mat-divider? I attempted the following but had no luck: component.html <mat-divider class="material-devider"></mat-divider> component.scss .material-devider { color: red } ...

When publishing the same version on npm, the dependencies listed in the package.json file will not be updated

I've encountered an issue where I am unable to remove dependencies from my npm package without changing the version. Initially, when I published the package, the package.json file contained dependencies such as: "version": "1.0.0", "author": { "na ...

The power of Ionic 2 combined with the Web Audio API

I am currently developing an Ionic 2 application that requires access to the user's microphone. When working on a web platform, I would typically use the following code snippet to obtain microphone access. navigator.getUserMedia = (navigator['ge ...

Leveraging ngIf and ngFor within choice

Is there a way to combine ngIf and ngFor in a single line of code? Here is the code snippet I am currently using: <option *ngIf="tmpLanguage.id!=languages.id" *ngFor="let tmpLanguage of languages" [ngValue]="tmpLanguage.id"> {{tmpLang ...

Steps for referencing a custom JavaScript file instead of the default one:

Currently, I am utilizing webpack and typescript in my single page application in combination with the oidc-client npm package. The structure of the oidc-client package that I am working with is as follows: oidc-client.d.ts oidc-client.js oidc-client.rs ...

Pass an array of objects to an Angular 8 component for rendering

Recently, I started working with Angular 8 and faced an issue while trying to pass an array of objects to my component for displaying it in the UI. parent-component.ts import { Component, OnInit } from '@angular/core'; @Component({ selector: ...

Yeoman encountered an unhandled template rendering error while trying to generate an Angular app

I encountered an error while trying to utilize yeoman for creating an angular app structure. yo-->Angular Bootstrap-->more options--> An error occurred: Possibly unhandled Template render error: (unknown path) [Line 3, Column 90] expected var ...

Error encountered during npm run build: Attempting to convert an undefined property to lowercase

Every time I attempt to compile my react application, an error keeps popping up: Cannot read property 'toLowerCase' of undefined CompileError: Begins at CSS selector .btn-white I have gone through various forum responses and attempted to remove ...

unable to locate the custom npm package within my service

There is a similar inquiry posted here: My custom NPM Package is not found, but unfortunately, the solution provided did not fix my issue. I am encountering an error stating: "Could not find a declaration file for module '@dc_microurb/common' ...

Installation of the Create React Native app was unsuccessful

After hearing about Create React Native App being the simplest way to start a new React Native application, I decided to install it. However, my attempt was unsuccessful. My Node version is v8.10.0 and npm version is v4.2.0. I encountered an error which h ...

Sending data to templates in Angular 2 using @Input()

I can't seem to figure out what I'm doing wrong with my listing template. I am trying to make it more dynamic by passing parameters using []="" and @Input(). Here is an example: <div class="listing wrapper"> <div class="wrapper" ...

The ngx-image-cropper's roundCropper attribute is not functioning correctly as it should. An error is being displayed stating: "Type 'string' is not assignable to type 'boolean'"

<image-cropper [imageChangedEvent]="imageChangedEvent" [maintainAspectRatio]="true" [aspectRatio]="4 / 4" format="jpg" (imageCropped)="imageCropped($event)" roundCropper = "true"> </i ...