angular-cli: export 'inject' was not found
Hello,
I have a problem with the last version angular/core.
After updating I've got this list of warnings
WARNING in ./node_modules/@angular/cdk/esm5/a11y.es5.js
1118:164-170 "export 'inject' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/a11y.es5.js
1118:62-78 "export 'defineInjectable' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/a11y.es5.js
1660:152-158 "export 'inject' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/a11y.es5.js
1660:182-188 "export 'inject' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/a11y.es5.js
1660:198-204 "export 'inject' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/a11y.es5.js
1660:58-74 "export 'defineInjectable' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/a11y.es5.js
1845:143-149 "export 'inject' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/a11y.es5.js
1845:190-196 "export 'inject' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/a11y.es5.js
1845:55-71 "export 'defineInjectable' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/a11y.es5.js
2274:140-146 "export 'inject' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/a11y.es5.js
2274:156-162 "export 'inject' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/a11y.es5.js
2274:54-70 "export 'defineInjectable' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/scrolling.es5.js
270:152-158 "export 'inject' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/scrolling.es5.js
270:168-174 "export 'inject' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/scrolling.es5.js
270:58-74 "export 'defineInjectable' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/overlay.es5.js
3175:170-176 "export 'inject' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/overlay.es5.js
3175:193-199 "export 'inject' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/overlay.es5.js
3175:64-80 "export 'defineInjectable' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/bidi.es5.js
32:34-40 "export 'inject' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/overlay.es5.js
3354:48-54 "export 'inject' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/overlay.es5.js
3355:45-51 "export 'inject' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/overlay.es5.js
3356:38-44 "export 'inject' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/a11y.es5.js
359:143-149 "export 'inject' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/a11y.es5.js
359:55-71 "export 'defineInjectable' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/observers.es5.js
40:65-81 "export 'defineInjectable' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/collections.es5.js
411:67-83 "export 'defineInjectable' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/scrolling.es5.js
520:143-149 "export 'inject' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/scrolling.es5.js
520:161-167 "export 'inject' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/scrolling.es5.js
520:55-71 "export 'defineInjectable' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/overlay.es5.js
605:167-173 "export 'inject' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/overlay.es5.js
605:193-199 "export 'inject' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/overlay.es5.js
605:216-222 "export 'inject' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/overlay.es5.js
605:232-238 "export 'inject' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/overlay.es5.js
605:63-79 "export 'defineInjectable' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/platform.es5.js
68:50-66 "export 'defineInjectable' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/bidi.es5.js
70:146-152 "export 'inject' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/bidi.es5.js
70:56-72 "export 'defineInjectable' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/overlay.es5.js
731:179-185 "export 'inject' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/overlay.es5.js
731:67-83 "export 'defineInjectable' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/overlay.es5.js
833:152-158 "export 'inject' was not found in '@angular/core'
WARNING in ./node_modules/@angular/cdk/esm5/overlay.es5.js
833:58-74 "export 'defineInjectable' was not found in '@angular/core'
and after that error in the console
Uncaught TypeError: Object(...) is not a function
at main.dbf9396177fc4f9f28b0.bundle.js:1
at Object.x35b (main.dbf9396177fc4f9f28b0.bundle.js:1)
at t (inline.318b50c57b4eba3d437b.bundle.js:1)
at Object.0 (main.dbf9396177fc4f9f28b0.bundle.js:1)
at t (inline.318b50c57b4eba3d437b.bundle.js:1)
at window.webpackJsonp (inline.318b50c57b4eba3d437b.bundle.js:1)
at main.dbf9396177fc4f9f28b0.bundle.js:1
Monday 19.03 all was fine.
About this issue
- Original URL
- State: closed
- Created 6 years ago
- Reactions: 40
- Comments: 23
I explicity set the material and cdk build that I want npm install use, AND IT WORKS.
on package.json, set:
"@angular/cdk": "github:angular/cdk-builds#89f40f293288fc8e568cc01c7b79d31e25c61de0",and"@angular/material": "github:angular/material2-builds#8873f67f2988f214d09b55b15f2e10a5d9b5bb0d",this builds are the used by my app before I update yesterday.
I hope it will work for you @Metiner, @briancvn and @preslyel !
npm i @angular/material@5.2.5 @angular/cdk@5.2.5 to revert back to the latest 5 version for angular material and angular cdk, and it will work
I’ve changed a version of angular/core and angular/material back to 5.2.8 and now is working.
Well I found that
defineInjectableis only present in@angular/corefrom6.x.xversion. My project uses Angular5.2.11and thus can not usedefineInjectable.The culprit was a library that my Angular app uses which has been updated to (for Angular 6 I guess)… So reverting its version to a previous one (in my app’s
package.json) seems to fix the issue.I just forgot to import the BrowserAnimationModule:
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';I’ve changed a version of angular/cdk and angular/material back to 7.3.7 or any other stable version and now is working
For me having all of them to the same version worked fine ! e.g. angular-cli, angular material and angular cdk … all on 7.3.6
Just update angular cli and angular material & Cdk. It will work.
Make sure “@angular/cdk” and “@angular/core” have same version or nearby version (e.g) “@angular/cdk”: “^7.3.6”, “@angular/core”: “^7.2.11”
{ “name”: “my”, “version”: “0.0.0”, “license”: “MIT”, “scripts”: { “ng”: “ng”, “start”: “ng serve”, “build”: “ng build --prod”, “test”: “ng test”, “lint”: “ng lint”, “e2e”: “ng e2e” }, “private”: true, “dependencies”: { “@angular/animations”: “^5.2.11”, “@angular/cdk”: “^5.2.0”, “@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.0”, “@angular/platform-browser”: “^5.2.0”, “@angular/platform-browser-dynamic”: “^5.2.0”, “@angular/router”: “^5.2.0”, “angular-material”: “^1.1.10”, “bootstrap”: “^4.1.3”, “core-js”: “^2.4.1”, “font-awesome”: “^4.7.0”, “hammerjs”: “^2.0.8”, “jquery”: “^3.3.1”, “rxjs”: “^5.5.6”, “zone.js”: “^0.8.19” }, “devDependencies”: { “@angular/cli”: “~1.7.4”, “@angular/compiler-cli”: “^5.2.0”, “@angular/language-service”: “^5.2.0”, “@types/jasmine”: “~2.8.3”, “@types/jasminewd2”: “~2.0.2”, “@types/node”: “~6.0.60”, “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-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” } }
WARNING in ./node_modules/@angular/cdk/esm5/bidi.es5.js 39:11-17 "export ‘inject’ was not found in ‘@angular/core’
WARNING in ./node_modules/@angular/cdk/esm5/platform.es5.js 79:128-134 "export ‘inject’ was not found in ‘@angular/core’
WARNING in ./node_modules/@angular/cdk/esm5/platform.es5.js 79:50-66 "export ‘defineInjectable’ was not found in ‘@angular/core’
WARNING in ./node_modules/@angular/cdk/esm5/bidi.es5.js 86:146-152 "export ‘inject’ was not found in ‘@angular/core’
WARNING in ./node_modules/@angular/cdk/esm5/bidi.es5.js 86:56-72 "export ‘defineInjectable’ was not found in ‘@angular/core’
You can also revert it to the previous version (5.2.4) for both @angular/material and @angular/cdk.