Issue: Unable to locate API compiler-cli, function __NGTOOLS_PRIVATE_API_2

I am currently working on an Angular project and encountered the following errors,

    $ ng serve 
Your global Angular CLI version (8.3.21) is higher than your local
version (7.0.7). The local Angular CLI version will be used.

To disable this warning, use "ng config -g cli.warnings.versionMismatch false".
Schema validation failed with the following errors:
  Data path ".builders['app-shell']" should have the required property 'class'.
Error: Schema validation failed with the following errors:
  Data path ".builders['app-shell']" should have required property 'class'.
    at MergeMapSubscriber.project (/Users/Chaklader/WebstormProjects/Catalog/node_modules/@angular/cli/node_modules/@angular-devkit/core/src/workspace/workspace.js:215:42)
    at MergeMapSubscriber._tryNext (/Users/Chaklader/WebstormProjects/Catalog/node_modules/@angular/cli/node_modules/rxjs/internal/operators/mergeMap.js:69:27)
    at MergeMapSubscriber._next (/Users/Chaklader/WebstormProjects/Catalog/node_modules/@angular/cli/node_modules/rxjs/internal/operators/mergeMap.js:59:18)
    at MergeMapSubscriber.Subscriber.next (/Users/Chaklader/WebstormProjects/Catalog/node_modules/@angular/cli/node_modules/rxjs/internal/Subscriber.js:67:18)
    at MergeMapSubscriber.notifyNext (/Users/Chaklader/WebstormProjects/Catalog/node_modules/@angular/cli/node_modules/rxjs/internal/operators/mergeMap.js:92:26)
    at InnerSubscriber._next (/Users/Chaklader/WebstormProjects/Catalog/node_modules/@angular/cli/node_modules/rxjs/internal/InnerSubscriber.js:28:21)
    at InnerSubscriber.Subscriber.next (/Users/Chaklader/WebstormProjects/Catalog/node_modules/@angular/cli/node_modules/rxjs/internal/Subscriber.js:67:18)
    at MapSubscriber._next (/Users/Chaklader/WebstormProjects/Catalog/node_modules/@angular/cli/node_modules/rxjs/internal/operators/map.js:55:26)
    at MapSubscriber.Subscriber.next (/Users/Chaklader/WebstormProjects/Catalog/node_modules/@angular/cli/node_modules/rxjs/internal/Subscriber.js:67:18)
    at SwitchMapSubscriber.notifyNext (/Users/Chaklader/WebstormProjects/Catalog/node_modules/@angular/cli/node_modules/rxjs/internal/operators/switchMap.js:86:26)

The package.json file provided is as follows,

{
  "name": "kboepdevxvd.angular",
  "version": "0.0.0",
  "private": true,
  "dependencies": {
    "rxjs": "6.5.4",
    "tslib": "1.11.0",
    "core-js": "2.6.11",
    "zone.js": "0.10.2",
    "jasmine-core": "2.99.1",
    "@angular/core": "8.2.14",
    "@angular/forms": "8.2.14",
    "@angular/common": "8.2.14",
    "@angular/router": "8.2.14",
    "jasmine-marbles": "0.6.0",
    "@angular/compiler": "8.2.14",
    "web-animations-js": "2.3.2",
    "@angular/animations": "8.2.14",
    "@angular/platform-browser": "8.2.14",
    "angular-in-memory-web-api": "0.8.0",
    "@angular/platform-browser-dynamic": "8.2.14"
  },
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^0.900.3",
    "@angular/cli": "~7.0.2",
    "@angular/compiler-cli": "^9.0.2",
    "@angular/language-service": "~7.0.0",
    "@types/jasmine": "~2.8.8",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "~8.9.4",
    "codelyzer": "~4.5.0",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "^4.4.1",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.1",
    "karma-jasmine": "~1.1.2",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.4.0",
    "ts-node": "~7.0.0",
    "tslint": "~5.11.0",
    "typescript": "~3.1.1"
  }
}

Any suggestions on how to resolve this issue?

Although this question might seem straightforward, it's my first time delving into JavaScript, so it's not as obvious to me.

Answer №1

Modified package.json version number from

"@angular-devkit/build-angular": "^0.900.3"
to "^0.12.4"

execute npm install

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 with ASP.NET Core Controller not properly receiving complete JavaScript array object from Ajax call

When passing a JavaScript Object Array through ajax to the controller, I noticed that if there are more than 11 objects in the array, the controller receives it as null. However, with 11 or fewer objects, the array is received successfully. Here is an exam ...

Differences between `typings install` and `@types` installation

Currently, I am in the process of learning how to integrate Angular into an MVC web server. For guidance, I am referring to this tutorial: After some research and noticing a warning from npm, I learned that typings install is no longer used. Instead, it ...

Can anyone guide me on troubleshooting the firebase import error in order to resolve it? The error message I am encountering is "Module not found: Error:

When attempting to import the 'auth' module from my 'firebase.js' file, I encountered an error. I used the code import {auth} from "./firebase", which resulted in the following error message: Error: Unable to locate module &a ...

Combining a name using JavaScript even if certain parts are not available

How can I efficiently combine name elements without any extra white space in Vue.js? let FirstName = "John" let MI = "G" let LastName = "Jones" let Suffix = "Jr." I want to create let fullName = "John G Jones Jr." However, in cases like this: let First ...

Enhancing PrimeNG Components with Custom CSS Styles

I have embarked on a project to develop a sleek user interface utilizing Angular 4, Angular Materials, and PrimeNG components. The most recent challenge I am facing involves the MultiSelect Component from PrimeNG: https://www.primefaces.org/primeng/#/mu ...

The feature to select a cell on a Bootstrap table is not functioning as expected

Is there a way to retrieve the Cell value from a Bootstrap table when clicked? I have a method set up, but for some reason, after clicking on the table heading, the tdOnClick() function stops working. It seems to only be functional before clicking on the t ...

The responsive default value for props

Given the following code snippet: props: { id: { type: String, default() { return this.$route.params.id; }, }, }, If the parent component does not pass a value, one would expect the id prop to update whenever the rout ...

What is the best way to forward specific props from a parent to its children?

Currently, I am working on a React + Typescript architecture called "forward." The purpose of this architecture is to pass all props received down to its children components. However, I have encountered an issue where I want to restrict the type of props ...

"I'm encountering an issue with the discord.js module when I try to launch my bot using node. Any ideas on how

I encountered an unusual error with my Discord bot recently. It seems that discord.js crashes every time I try to run my bot: [nodemon] 2.0.12 [nodemon] to restart at any time, enter `rs` [nodemon] watching path(s): *.* [nodemon] watching extensions: js,mj ...

PHP server communicates with a JavaScript client using AJAX

I'm currently working on a web app using HTML5, JavaScript, and a PHP server. The issue I'm facing is with an AJAX call in my JavaScript code: $.ajax({ type: "POST", url: "http://localhost/pos.php", data: "lat="+lat+"&lon= ...

What is the proper way to disable asynchronous behavior in JavaScript?

Can someone provide assistance on how to make the following jQuery ajax function asynchronous in this code? $.post(base_url+"search/questionBox/"+finalTopic+"/"+finalCountry+'/'+findSearchText+'/'+ID,function(data){ if (data != "") { ...

Ionic - numerical age selector control

Currently working on a hybrid mobile app and ran into a specific issue. I'm in the process of adding new items to my left side menu, including an age number spinner component (min:18, max:65). After searching through various sources and Ionic documen ...

How can I configure my React Project to direct users to example.com/login.html when they land on the root URL?

My goal is to verify a user's identity through a third-party authentication server. The redirect_uri indicates that after the user logs in, they will be redirected to example.com/login.html. Inside the login.html file, there will be specific html/scr ...

What is the best location to house the fetching logic for mounting an app with intricate React v6 routing?

I have a protected route component that handles various tasks: Authorizing users with Auth0. Checking if the store is empty and making a request to the backend API for user data. Passing a function that returns an access token to the axios interceptor so ...

Storing and Retrieving User Identifiers in Next.js

Currently, I am developing a project using Next.js and I have the requirement to securely store the userId once a user logs in. This unique identifier is crucial for accessing personalized user data and creating dynamic URLs for the user profile menu. The ...

Utilizing Cordova Plugins in Angular 2 Mobile Apps: A Guide

Spent hours searching with no luck on how to integrate a Cordova plugin into my Angular2 app. Can anyone offer guidance on how to do this successfully? And once the plugin is included, how can I access its methods? ...

Adjust the font color of the progress bar dynamically based on the background color using SCSS and HTML

I am currently working on a progress bar that displays the percentage of delivery completed. While I have successfully designed the progress bar itself, I am struggling to change the text font color based on the background color of the bar. <div class=& ...

I am encountering an issue while developing a JavaScript filtering system

Hey everyone, I need help with coding a filter in JavaScript and I'm running into an error (Uncaught TypeError: todos.forEach is not a function) that I can't figure out. Can someone assist me in resolving this issue? const todoFilter = docume ...

Is there a way to determine when a Telegram web app specifically designed for bots has been shut down?

I have created a Telegram bot that opens a web app, whether through an inline button, keyboard, or link. Once the user completes the tasks in the web app, they can close it using the "close" button instead of any button within the web app that I can track. ...

Below is a rewritten version of the text:"Vanishing dragged element issue in chrome with angular drag

I've been experimenting with the angular-drag-and-drop-lists library here in order to create a drag and drop list. However, I'm facing an issue where the dragged element disappears during the process. Unlike the demos where you can see the elemen ...