@angular/core has no exported member 'Renderer' #377

CptLando · 2020-06-07T20:18:18Z

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

The text was updated successfully, but these errors were encountered:

greatsayan · 2020-06-15T19:05:45Z

Any news about this issue?

CptLando · 2020-06-15T19:36:30Z

not from my side unfortunately

greatsayan · 2020-06-18T20:50:47Z

is this plugin dead or deprecated...?

Spoilt · 2020-06-19T09:40:20Z

@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 · 2020-06-25T17:35:45Z

Ok... Thanks

mhmoudalaskalany · 2020-08-31T04:57:55Z

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

vinayr219 · 2020-09-26T16:04:23Z

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

greatsayan · 2020-10-20T14:45:46Z

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 · 2020-11-20T13:20:05Z

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 · 2020-11-24T19:53:30Z

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

mfettah · 2021-09-21T21:06:35Z

any solution !

Bibhutibhusana · 2022-05-11T09:59:45Z

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

CptLando changed the title ~~@angular/core looking for 'Renderer' instead of 'Renderer2'~~ @angular/core has no exported member 'Renderer' Jun 7, 2020

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

@angular/core has no exported member 'Renderer' #377

@angular/core has no exported member 'Renderer' #377

CptLando commented Jun 7, 2020

greatsayan commented Jun 15, 2020

CptLando commented Jun 15, 2020

greatsayan commented Jun 18, 2020

Spoilt commented Jun 19, 2020

greatsayan commented Jun 25, 2020

mhmoudalaskalany commented Aug 31, 2020 •

edited

vinayr219 commented Sep 26, 2020

greatsayan commented Oct 20, 2020

sahilr2050 commented Nov 20, 2020

elia438 commented Nov 24, 2020

mfettah commented Sep 21, 2021

Bibhutibhusana commented May 11, 2022

@angular/core has no exported member 'Renderer' #377

@angular/core has no exported member 'Renderer' #377

Comments

CptLando commented Jun 7, 2020

Expected Behavior

Current Behavior

Context

Your Environment

greatsayan commented Jun 15, 2020

CptLando commented Jun 15, 2020

greatsayan commented Jun 18, 2020

Spoilt commented Jun 19, 2020

greatsayan commented Jun 25, 2020

mhmoudalaskalany commented Aug 31, 2020 • edited

vinayr219 commented Sep 26, 2020

greatsayan commented Oct 20, 2020

sahilr2050 commented Nov 20, 2020

elia438 commented Nov 24, 2020

mfettah commented Sep 21, 2021

Bibhutibhusana commented May 11, 2022

mhmoudalaskalany commented Aug 31, 2020 •

edited