CODEWITHSUNDEEP
angularangular8
anupkmaharjan
anupkmaharjan

Reputation: 101

NullInjectorError: No provider for HighContrastModeDetector

I am using Angular 8 for my project, using Node Version 10.15.3( had tried with other versions including latest 12.31.1). This works fine on MAC but while running on the Windows it stops on the browser with the error

NullInjectorError: "StaticInjectorError(AppModule)[MatCommonModule -> HighContrastModeDetector]: 
  StaticInjectorError(Platform: core)[MatCommonModule -> HighContrastModeDetector]: 
    NullInjectorError: No provider for HighContrastModeDetector!"

Is this related to my hardware (how does it is related)?

Upvotes: 10

Views: 19880

Answers (4)

Evgeni Sergeev
Evgeni Sergeev

Reputation: 23611

This happened to me on StackBlitz when I had a module from @angular/material, but not import { BrowserModule } from '@angular/platform-browser';.

In that case, the solution was to add the BrowserModule.

Upvotes: 10

Saleh Khademi
Saleh Khademi

Reputation: 25

In my case , incompatible versions of @angular/cli and @angular/material was causing the error.

to solve it :

try to upgrade node package modules to compatible versions in package.json and then run npm install --save command.

Upvotes: 1

Dexter
Dexter

Reputation: 4285

The issue is not related Node version. Its due to incompatible Angular Material and Angular versions. For angular 8, you need angular material version 8.2.3. Run below command from your project root directory.

npm i --save @angular/[email protected] @angular/[email protected]

For steps to find out compatible angular and angular material version see ans to this SO post.

Upvotes: 24

undefined is our god
undefined is our god

Reputation: 511

In my case, @angular/cdk version was causing the error.

Setting it from github:angular/cdk-builds to ^8.1.4 on package.json and then running a npm install solved the problem

enter image description here

Upvotes: 2

Related Questions