ngx-materialize @angular/core has no exported member 'Renderer'

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"
  }
}

Jun 07 '20 20:06 CptLando

Any news about this issue?

Jun 15 '20 19:06 greatsayan

not from my side unfortunately

Jun 15 '20 19:06 CptLando

is this plugin dead or deprecated...?

Jun 18 '20 20:06 greatsayan

@greatsayan both :

Latest commit on 5 Dec 2018

We (at SherWeb) are currently wrapping the components as we need them, and unfortunately, we cannot provide a specific road map. If some components are missing, feel free to contribute.

ngx-materialize uses an outdated version of materialize-css

Jun 19 '20 09:06 Spoilt

Ok... Thanks

Jun 25 '20 17:06 greatsayan

the Renderer is deprecated in angular 9 it needs to be upgraded to use Renderer2 we hope they can update it soon

Aug 31 '20 04:08 mhmoudalaskalany

facing the same issue here in Angular 10, please resolve this ASAP . had to remove ngx-materialize from project

Sep 26 '20 16:09 vinayr219

Think this plugin is completely deprecated if you want to be up to date with angular obviously... I've waiting for an update but nothing so I started a migration to another library... 😑

Oct 20 '20 14:10 greatsayan

Still facing the issue. It seems not working at all.

I have already performed

nodu_modules - folder delete
npm uninstall/install
npm clear cache and npm install
add all @angular/xxxx@latest

I do not have any ngx-material package. Still I am getting an error.

Here is my specification

Ionic Framework: 3.9.10
Ionic App Scripts: 3.2.4
Angular Core: ^11.0.2
Angular Compiler CLI: ^11.0.2
Node: 12.18.0
OS Platform: Windows 10
Navigator Platform: Win32
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.198 Safari/537.36

Here is my package.json

{
  "scripts": {
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "lint": "ionic-app-scripts lint",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve"
  },
  "dependencies": {
    "@angular/animations": "^11.0.2",
    "@angular/common": "^11.0.2",
    "@angular/compiler": "^11.0.2",
    "@angular/compiler-cli": "^11.0.2",
    "@angular/core": "^11.0.2",
    "@angular/fire": "^6.1.1",
    "@angular/forms": "^11.0.2",
    "@angular/platform-browser": "^11.0.2",
    "@angular/platform-browser-dynamic": "^11.0.2",
    "@ionic-native/app-rate": "^5.29.0",
    "@ionic-native/app-version": "^5.29.0",
    "@ionic-native/core": "^5.29.0",
    "@ionic-native/in-app-browser": "^5.29.0",
    "@ionic-native/market": "^5.29.0",
    "@ionic-native/photo-viewer": "^5.29.0",
    "@ionic-native/social-sharing": "^5.29.0",
    "@ionic-native/splash-screen": "5.29.0",
    "@ionic-native/status-bar": "^5.29.0",
    "@ionic/storage": "^2.3.1",
    "@types/crypto-js": "^4.0.1",
    "chart.js": "^2.9.4",
    "cordova-admob-plus": "^0.39.0",
    "cordova-admobsdk": "7.49.0",
    "cordova-android-support-gradle-release": "^3.0.1",
    "cordova-browser": "6.0.0",
    "cordova-plugin-androidx": "^3.0.0",
    "cordova-plugin-androidx-adapter": "^1.1.3",
    "cordova-plugin-app-version": "^0.1.9",
    "cordova-plugin-appavailability": "0.4.2",
    "cordova-plugin-apprate": "1.7.1",
    "cordova-plugin-dialogs": "^2.0.2",
    "cordova-plugin-firebasex": "^11.0.3",
    "cordova-plugin-globalization": "1.11.0",
    "cordova-plugin-inappbrowser": "^4.0.0",
    "cordova-plugin-market": "^1.2.0",
    "cordova-plugin-nativestorage": "2.3.2",
    "cordova-plugin-statusbar": "^2.4.3",
    "cordova-plugin-whitelist": "^1.3.4",
    "cordova-plugin-x-socialsharing": "^6.0.2",
    "cordova-sqlite-storage": "^5.1.0",
    "crypto-js": "^4.0.0",
    "emulate": "1.0.2",
    "es6-promise-plugin": "4.2.2",
    "firebase": "^8.1.1",
    "ionic": "^5.2.7",
    "ionic-angular": "3.9.10",
    "ionicons": "^5.2.3",
    "resource": "0.8.1",
    "rxjs": "^6.6.3",
    "rxjs-compat": "^6.6.3",
    "sw-toolbox": "3.6.0",
    "zone.js": "^0.10.3"
  },
  "devDependencies": {
    "@ionic/app-scripts": "3.2.4",
    "typescript": "^4.0.5"
  },
  "cordova": {
    "plugins": {
      "cordova-plugin-inappbrowser": {},
      "cordova-plugin-device": {},
      "cordova-plugin-splashscreen": {},
      "cordova-plugin-ionic-webview": {
        "ANDROID_SUPPORT_ANNOTATIONS_VERSION": "27.+"
      },
      "cordova-plugin-ionic-keyboard": {},
      "com-sarriaroman-photoviewer": {},
      "cordova-plugin-appavailability": {},
      "cordova-plugin-statusbar": {},
      "cordova-plugin-whitelist": {},
      "cordova-plugin-apprate": {},
      "cordova-plugin-x-socialsharing": {
        "ANDROID_SUPPORT_V4_VERSION": "24.1.1+"
      },
      "cordova-plugin-nativestorage": {},
      "cordova-sqlite-storage": {},
      "cordova-plugin-androidx-adapter": {},
      "cordova-plugin-androidx": {},
      "cordova-plugin-firebasex": {
        "ANDROID_ICON_ACCENT": "#FF00FFFF",
        "ANDROID_PLAY_SERVICES_TAGMANAGER_VERSION": "17.0.0",
        "ANDROID_FIREBASE_CORE_VERSION": "17.0.0",
        "ANDROID_FIREBASE_MESSAGING_VERSION": "19.0.0",
        "ANDROID_FIREBASE_CONFIG_VERSION": "18.0.0",
        "ANDROID_FIREBASE_PERF_VERSION": "18.0.0",
        "ANDROID_FIREBASE_AUTH_VERSION": "18.0.0",
        "ANDROID_CRASHLYTICS_VERSION": "2.10.1",
        "ANDROID_CRASHLYTICS_NDK_VERSION": "2.1.0",
        "ANDROID_SHORTCUTBADGER_VERSION": "1.1.22"
      },
      "cordova-plugin-app-version": {},
      "cordova-plugin-market": {}
    },
    "platforms": []
  }
}