NullInjectorError: No provider for ViewportScroller

Question

I\'m building a simple angular application, using Angular Material to desing the front-end. The app just have 2 components rendered in the same page. When I serve the app, t

Answer 1

if you think that you are set all config in each ngmodule files and it's not working. you have a issue with the version of angular core, angular material and angular cdk. so do this:

solved by deleting node_modules/ and package-lock.json / and yarn-lock (if exist) and running a fresh npm install

Answer 2

I had the same error - updating Angular in a project workes for me (it is a new project with only Angular Material, few simple components and simple routing).

ng update @angular/cli @angular/core

https://update.angular.io/#7.2:8.0

The error ocurred after I did:

npm install -S @angular/material @angular/cdk @angular/animations
npm uninstall @angular/core
npm install -S @angular/core

as a solution for error "export 'ɵɵinject' was not found in '@angular/core' (thrown after adding Angular Material to a brand new project).

It worked until I added routing and got NullInjectorError: No provider for ViewportScroller. But as mentioned in the beginning - updating the whole project to Angular v8 seems the solution.

Answer 3

Make sure all of your packages are the same version. See this issue https://github.com/angular/angular/issues/31425