Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

@angular/core has no exported member 'Renderer'

See original GitHub issue

When asking general “how to” questions:

Please do not open an issue here!
Instead, ask for help on StackOverflow with Materialize and Angular tags.
Read the CONTRIBUTING document Any issues that are violating the contributing guidelines, will be closed!
Search for duplicate or closed issues and make sure that is not an issue related to Materialize or other library.
Prepare a reduced test case for any bugs.
Provide a StackBlitz that reproduce your issue.

Expected Behavior

to compile properly

Current Behavior

When compiling, angular throws the following error:

node_modules/ngx-materialize/src/tooltip/tooltip.directive.d.ts:4:67 - error TS2724: Module '"../../../@angular/core/core"' has no exported member 'Renderer'. Did you mean 'Renderer2'?
import { AfterViewInit, ElementRef, OnChanges, OnDestroy, OnInit, Renderer, SimpleChanges } from '@angular/core';
node_modules/@angular/core/core.d.ts:5740:31
        5740 export declare abstract class Renderer2 {
        'Renderer2' is declared here.

Context

Running a THREE.js canvas in angular
Otherwise nothing special

Your Environment

Here’s my package.json:

{
  "name": "web-renderer3-d",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "clean-install": "rm -f package-lock.json && rm -rf node_modules/ && npm cache clear -f && npm i"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "~9.1.3",
    "@angular/common": "~9.1.3",
    "@angular/compiler": "~9.1.3",
    "@angular/core": "~9.1.3",
    "@angular/forms": "~9.1.3",
    "@angular/platform-browser": "~9.1.3",
    "@angular/platform-browser-dynamic": "~9.1.3",
    "@angular/router": "~9.1.3",
    "@avatsaev/three-orbitcontrols-ts": "^0.1.5",
    "@types/three": "^0.103.2",
    "hammerjs": "^2.0.8",
    "materialize-css": "^1.0.0",
    "ngx-materialize": "^6.1.3",
    "rxjs": "~6.5.4",
    "three": "^0.115.0",
    "three-orbitcontrols-ts": "^0.1.2",
    "three-trackballcontrols-ts": "^0.2.1",
    "tslib": "^1.10.0",
    "zone.js": "~0.10.2"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.901.3",
    "@angular/cli": "~9.1.3",
    "@angular/compiler-cli": "~9.1.3",
    "@angular/language-service": "~9.1.3",
    "@types/jasmine": "~3.5.0",
    "@types/jasminewd2": "~2.0.3",
    "codelyzer": "^5.1.2",
    "jasmine-core": "~3.5.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~5.0.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage-istanbul-reporter": "~2.1.0",
    "karma-jasmine": "~3.0.1",
    "karma-jasmine-html-reporter": "^1.4.2",
    "protractor": "~5.4.3",
    "ts-node": "~8.3.0",
    "tslint": "~6.1.0",
    "typescript": "~3.8.3"
  }
}