search

ShankyTiwari / ng-material-multilevel-menu

:page_facing_up: Material Multi-Level Menu for Angular Projects
http://plugins.codershood.info/#/plugins/ngmm-plugin
MIT License
98 stars 55 forks source link

export 'defineInjectable' was not found in '@angular/core' #17

Closed michael-aquilina closed 6 years ago

michael-aquilina commented 6 years ago

Are there any minimum requirements for this module? I'm getting the error below, maybe its because I'm using Angular 5?

Error:

WARNING in ./node_modules/ng-material-multilevel-menu/fesm5/ng-material-multilevel-menu.js
142:63-79 "export 'defineInjectable' was not found in '@angular/core'

Below is my setup:

"dependencies": {
    "@angular/animations": "^5.2.5",
    "@angular/cdk": "^5.2.5",
    "@angular/common": "^5.2.0",
    "@angular/compiler": "^5.2.0",
    "@angular/core": "^5.2.0",
    "@angular/forms": "^5.2.0",
    "@angular/http": "^5.2.0",
    "@angular/material": "^5.2.5",
    "@angular/platform-browser": "^5.2.0",
    "@angular/platform-browser-dynamic": "^5.2.0",
    "@angular/platform-server": "^5.2.0",
    "@angular/router": "^5.2.0",
    "@aspnet/signalr": "^1.0.0",
    "@fortawesome/angular-fontawesome": "^0.1.1",
    "@fortawesome/fontawesome-svg-core": "^1.2.2",
    "@fortawesome/free-brands-svg-icons": "^5.2.0",
    "@fortawesome/free-regular-svg-icons": "^5.2.0",
    "@fortawesome/free-solid-svg-icons": "^5.2.0",
    "@ng-bootstrap/ng-bootstrap": "1.0.0-beta.5",
    "@ngx-translate/core": "^8.0.0",
    "@ngx-translate/http-loader": "^2.0.0",
    "@types/node": "^6.0.115",
    "angular-2-dropdown-multiselect": "1.6.3",
    "angular-oauth2-oidc": "^2.1.8",
    "angular-tree-component": "^7.0.2",
    "angular2-jwt": "^0.2.3",
    "bootstrap": "4.0.0-beta.2",
    "bootstrap-sass": "^3.3.7",
    "classlist.js": "^1.1.20150312",
    "core-js": "^2.4.1",
    "countup.js-angular2": "^1.1.1",
    "datatables.net-dt": "^1.10.19",
    "file-saver": "^1.3.3",
    "hammerjs": "^2.0.8",
    "intl": "^1.2.5",
    "jquery": "^3.3.1",
    "jquery-ui": "^1.12.1",
    "jshint": "^2.9.5",
    "metismenu": "^2.7.0",
    "ng-material-multilevel-menu": "^4.0.4",
    "ngx-cookie-service": "^1.0.9",
    "ngx-perfect-scrollbar": "^4.6.4",
    "ngx-scrollbar": "2.1.0",
    "pace-js": "^1.0.2",
    "popper.js": "^1.12.5",
    "primeicons": "^1.0.0-beta.10",
    "primeng": "^5.2.7",
    "rxjs": "^6.2.2",
    "rxjs-compat": "^6.2.2",
    "signalr": "^2.3.0",
    "web-animations-js": "^2.3.1",
    "zone.js": "^0.8.19"
  },
  "devDependencies": {
    "@angular/cli": "~1.7.3",
    "@angular/compiler-cli": "^5.2.0",
    "@angular/language-service": "^5.2.0",
    "@types/jasmine": "~2.8.3",
    "@types/jasminewd2": "~2.0.2",
    "@types/jquery": "^2.0.48",
    "@types/node": "~6.0.60",
    "bootstrap-sass": "^3.3.7",
    "codelyzer": "^4.0.1",
    "jasmine-core": "~2.8.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~2.0.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-cli": "~1.0.1",
    "karma-coverage-istanbul-reporter": "^1.2.1",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.1.2",
    "ts-node": "~4.1.0",
    "tslint": "~5.9.1",
    "typescript": "~2.5.3"
  }

Update: ng -v gives below

Angular CLI: 1.7.4
Node: 8.11.3
OS: win32 x64
Angular: 5.2.11
... common, compiler, compiler-cli, core, forms, http
... language-service, platform-browser, platform-browser-dynamic
... platform-server, router

@angular/animations: 5.2.5
@angular/cdk: 5.2.5
@angular/cli: 1.7.4
@angular/material: 5.2.5
@angular-devkit/build-optimizer: 0.3.2
@angular-devkit/core: 0.3.2
@angular-devkit/schematics: 0.3.2
@ngtools/json-schema: 1.2.0
@ngtools/webpack: 1.10.2
@schematics/angular: 0.3.2
@schematics/package-update: 0.3.2
typescript: 2.5.3
webpack: 3.11.0
ShankyTiwari commented 6 years ago

I never tested this module below Angular 6 Project. It would be very helpful if you provide a small repo, Though I will check at my end as well.

michael-aquilina commented 6 years ago

Can you try accessing this repo? Run "ng serve" in the root and the error should be shown.

ShankyTiwari commented 6 years ago

Hi, can you try this solution? https://stackoverflow.com/questions/50566835/typeerror-object-is-not-a-function-at-eval-platform-es5-js79-at-eval-p/50569557

Thanks

ShankyTiwari commented 6 years ago

Closing due to inactivity.

ryanjanborja commented 4 years ago

I'm experiencing this issue right now. Here's my package.json file

"dependencies": {
    "@angular/animations": "^7.2.15",
    "@angular/cdk": "^7.3.7",
    "@angular/common": "^7.2.15",
    "@angular/compiler": "^7.2.15",
    "@angular/core": "^7.2.15",
    "@angular/flex-layout": "^7.0.0-beta.24",
    "@angular/forms": "^7.2.15",
    "@angular/http": "^7.2.15",
    "@angular/material": "^7.3.7",
    "@angular/material-moment-adapter": "^7.3.7",
    "@angular/platform-browser": "^7.2.15",
    "@angular/platform-browser-dynamic": "^7.2.15",
    "@angular/router": "^7.2.15",
    "@fullcalendar/angular": "^4.2.1",
    "@fullcalendar/core": "^4.2.0",
    "@fullcalendar/daygrid": "^4.2.0",
    "core-js": "^2.6.9",
    "hammerjs": "^2.0.8",
    "moment": "^2.24.0",
    "moment-timezone": "^0.5.25",
    "ng-material-multilevel-menu": "^4.9.6",
    "ngx-google-places-autocomplete": "^2.0.4",
    "rxjs": "~6.4.0",
    "saturn-datepicker": "^7.4.0",
    "zone.js": "^0.8.29"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^0.13.9",
    "@angular/cli": "^7.3.9",
    "@angular/compiler-cli": "^7.2.15",
    "@angular/language-service": "^7.2.15",
    "@types/jasmine": "^3.3.13",
    "@types/jasminewd2": "^2.0.6",
    "@types/node": "^10.12.30",
    "codelyzer": "~4.5.0",
    "jasmine-core": "~3.3.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "^4.1.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "^2.0.5",
    "karma-jasmine": "~2.0.1",
    "karma-jasmine-html-reporter": "^1.4.2",
    "node-sass": "^4.12.0",
    "nodemon": "^1.19.1",
    "protractor": "^5.4.2",
    "ts-node": "^8.0.3",
    "tslib": "^1.10.0",
    "tslint": "~5.12.1",
    "typescript": "~3.2.4"
  }

Message when compiling

WARNING in ./node_modules/ng-material-multilevel-menu/fesm5/ng-material-multilevel-menu.js 186:63-81
"export 'ɵɵdefineInjectable' was not found in '@angular/core'

Fix ng update @angular/core -f

ryanjanborja commented 4 years ago

UPDATE

After upgrading to latest version, I am now experiencing this issue. I don't want to update my Angular to version 8 because of breaking changes.

Details

    _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/

Angular CLI: 7.3.9
Node: 12.12.0
OS: darwin x64
Angular: 7.2.15
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

Package                            Version
------------------------------------------------------------
@angular-devkit/architect          0.13.9
@angular-devkit/build-angular      0.13.9
@angular-devkit/build-optimizer    0.13.9
@angular-devkit/build-webpack      0.13.9
@angular-devkit/core               7.3.9
@angular-devkit/schematics         7.3.9
@angular/cdk                       7.3.7
@angular/cli                       7.3.9
@angular/flex-layout               7.0.0-beta.24
@angular/material                  7.3.7
@angular/material-moment-adapter   7.3.7
@ngtools/webpack                   7.3.9
@schematics/angular                7.3.9
@schematics/update                 0.13.9
rxjs                               6.4.0
typescript                         3.2.4
webpack                            4.29.0

package.json

"dependencies": {
    "@angular/animations": "^7.2.15",
    "@angular/cdk": "^7.3.7",
    "@angular/common": "^7.2.15",
    "@angular/compiler": "^7.2.15",
    "@angular/core": "^7.2.15",
    "@angular/flex-layout": "^7.0.0-beta.24",
    "@angular/forms": "^7.2.15",
    "@angular/http": "^7.2.15",
    "@angular/material": "^7.3.7",
    "@angular/material-moment-adapter": "^7.3.7",
    "@angular/platform-browser": "^7.2.15",
    "@angular/platform-browser-dynamic": "^7.2.15",
    "@angular/router": "^7.2.15",
    "@fullcalendar/angular": "^4.2.1",
    "@fullcalendar/core": "^4.2.0",
    "@fullcalendar/daygrid": "^4.2.0",
    "core-js": "^2.6.9",
    "hammerjs": "^2.0.8",
    "moment": "^2.24.0",
    "moment-timezone": "^0.5.25",
    "ng-material-multilevel-menu": "^4.9.6",
    "ngx-google-places-autocomplete": "^2.0.4",
    "rxjs": "~6.4.0",
    "saturn-datepicker": "^7.4.0",
    "zone.js": "^0.8.29"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^0.13.9",
    "@angular/cli": "^7.3.9",
    "@angular/compiler-cli": "^7.2.15",
    "@angular/language-service": "^7.2.15",
    "@types/jasmine": "^3.3.13",
    "@types/jasminewd2": "^2.0.6",
    "@types/node": "^10.12.30",
    "codelyzer": "~4.5.0",
    "jasmine-core": "~3.3.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "^4.1.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "^2.0.5",
    "karma-jasmine": "~2.0.1",
    "karma-jasmine-html-reporter": "^1.4.2",
    "node-sass": "^4.12.0",
    "nodemon": "^1.19.1",
    "protractor": "^5.4.2",
    "ts-node": "^8.0.3",
    "tslib": "^1.10.0",
    "tslint": "~5.12.1",
    "typescript": "~3.2.4"
  }

Compile warning

WARNING in ./node_modules/ng-material-multilevel-menu/fesm5/ng-material-multilevel-menu.js 186:63-81
"export 'ɵɵdefineInjectable' was not found in '@angular/core'
ryanjanborja commented 4 years ago

I came across a (dirty) solution. I went to the line error and removed the first two-special characters and error went away