@angular/core has no exported member 'Renderer'

CptLando commented 4 years ago

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

greatsayan commented 4 years ago

Any news about this issue?

CptLando commented 4 years ago

not from my side unfortunately

greatsayan commented 4 years ago

is this plugin dead or deprecated...?

Spoilt commented 4 years ago

@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

greatsayan commented 4 years ago

Ok... Thanks

mhmoudalaskalany commented 4 years ago

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

vinayr219 commented 4 years ago

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

greatsayan commented 4 years ago

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... 😑

sahilr2050 commented 4 years ago

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": []
  }
}

elia438 commented 3 years ago

I have the same issue, did you find a solution?

mfettah commented 3 years ago

any solution !

Bibhutibhusana commented 2 years ago

I have same issue during installation of angular material design . Anybody have any solution..

sherweb / ngx-materialize