Topic: PRO 4.3.7 Circular dependency – Modals, Accordian, Toast
Downloaded PRO 4.3.7 tonight - using angular/cli@1.4.7 and typescript@2.2.2 - warnings generated on
ng serve
Circular dependency detected: srcapptypescriptsfreemodalsmodal.service.ts -> srcapptypescriptsfreemodalsmodalContainer.component.ts -> srcapptypescriptsfreemodalsmodal.service.ts
Circular dependency detected: srcapptypescriptsfreemodalsmodalContainer.component.ts -> srcapptypescriptsfreemodalsmodal.service.ts -> srcapptypescriptsfreemodalsmodalContainer.component.ts
Circular dependency detected: src\app\typescripts\pro\accordion\components\sb-item.ts -> src\app\typescripts\pro\accordion\components\squeezebox.ts -> src\app\typescripts\pro\accordion\components\sb-item.ts
Circular dependency detected: src\app\typescripts\pro\accordion\components\squeezebox.ts -> src\app\typescripts\pro\accordion\components\sb-item.ts -> src\app\typescripts\pro\accordion\components\squeezebox.ts
Circular dependency detected: src\app\typescripts\pro\alerts\toast\toast.component.ts -> src\app\typescripts\pro\alerts\toast\toast.service.ts -> src\app\typescripts\pro\alerts\toast\toast.component.ts
Circular dependency detected: src\app\typescripts\pro\alerts\toast\toast.service.ts -> src\app\typescripts\pro\alerts\toast\toast.component.ts -> src\app\typescripts\pro\alerts\toast\toast.service.ts
Don Irwin pro answered 7 years ago
removing
import { ToastService } from ‘./typescripts/pro;
from app.component.ts fixed this for me
Dawid Adach pro answered 7 years ago
MacBook-Pro-Dawid:ngpro Dawid$ ng --version _ _ ____ _ ___ / _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _| / △ | '_ / _` | | | | |/ _` | '__| | | | | | | / ___ | | | | (_| | |_| | | (_| | | | |___| |___ | | /_/ __| |_|__, |__,_|_|__,_|_| ____|_____|___| |___/ @angular/cli: 1.4.7 node: 6.11.3 os: darwin x64 @angular/animations: 4.4.3 @angular/common: 4.4.3 @angular/compiler: 4.4.3 @angular/core: 4.4.3 @angular/forms: 4.4.3 @angular/http: 4.4.3 @angular/platform-browser: 4.4.3 @angular/platform-browser-dynamic: 4.4.3 @angular/router: 4.4.3 @angular/cli: 1.4.7 @angular/compiler-cli: 4.4.3 @angular/language-service: 4.4.3 typescript: 2.3.4 MacBook-Pro-Dawid:ngpro Dawid$ ng serve ** NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ ** Date: 2017-10-13T12:57:07.858Z Hash: d9e01fa8af53da17ae80 Time: 44413ms chunk {inline} inline.bundle.js, inline.bundle.js.map (inline) 5.83 kB [entry] [rendered] chunk {main} main.bundle.js, main.bundle.js.map (main) 11.1 kB {vendor} [initial] [rendered] chunk {polyfills} polyfills.bundle.js, polyfills.bundle.js.map (polyfills) 217 kB {inline} [initial] [rendered] chunk {styles} styles.bundle.js, styles.bundle.js.map (styles) 781 kB {inline} [initial] [rendered] chunk {vendor} vendor.bundle.js, vendor.bundle.js.map (vendor) 4.14 MB [initial] [rendered] webpack: Compiled successfully.
Don Irwin pro answered 7 years ago
I haven't altered anything in package.json - simply unziped mdb-angular-pro-4.3.7.zip ran npm install
and ng serve
C:GitHub\xxx>ng --version Your global Angular CLI version (1.4.7) is greater than your local version (1.2.6). The local Angular CLI version is used. To disable this warning use "ng set --global warnings.versionMismatch=false". _ _ ____ _ ___ / _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _| / △ | '_ / _` | | | | |/ _` | '__| | | | | | | / ___ | | | | (_| | |_| | | (_| | | | |___| |___ | | /_/ __| |_|__, |__,_|_|__,_|_| ____|_____|___| |___/ @angular/cli: 1.2.6 node: 8.1.1 os: win32 x64 @angular/animations: 4.3.6 @angular/common: 4.3.6 @angular/compiler: 4.3.6 @angular/core: 4.3.6 @angular/forms: 4.3.6 @angular/http: 4.3.6 @angular/platform-browser: 4.3.6 @angular/platform-browser-dynamic: 4.3.6 @angular/router: 4.3.6 @angular/cli: 1.2.6 @angular/compiler-cli: 4.4.5
and package.json:
{ "name": "quickstart-angular2", "version": "0.0.0", "license": "MIT", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e", "build:free": "ngm build -p src/app/typescripts/free --clean && gulp npmFree && gulp startFree && gulp onlyFree", "build:pro": "ngm build -p src/app/typescripts/pro --clean && gulp only-pro && gulp startPro", "build:all": "npm run build:free && npm run build:pro", "aot:build": "ng build --prod --sm=false --aot=true --output-path=dist", "pre-commit": "ng lint" }, "private": true, "dependencies": { "@agm/core": "~1.0.0-beta.0", "@angular/animations": "4.3.x ||^2.0.0", "@angular/common": "4.3.x ||^2.0.0", "@angular/compiler": "~4.3.3 ||^2.0.0", "@angular/core": "4.3.x ||^2.0.0", "@angular/forms": "4.3.x ||^2.0.0", "@angular/http": "4.3.x ||^2.0.0", "@angular/platform-browser": "4.3.x ||^2.0.0", "@angular/platform-browser-dynamic": "4.3.x ||^2.0.0", "@angular/router": "4.3.x ||^2.0.0", "@ng-bootstrap/ng-bootstrap": "1.0.0-alpha.30", "angular-bootstrap-md": "*", "chart.js": "2.5.x", "classlist.js": "1.1.x", "core-js": "2.4.x", "del": "3.0.x", "easy-pie-chart": "2.1.x", "font-awesome": "4.7.x", "gulp": "^3.9.1", "gulp-rename": "1.2.x", "gulp-run": "1.7.x", "hammerjs": "2.0.x", "ng-html-util": "1.0.x", "ngm-cli": "0.5.x", "rxjs": "5.3.x", "screenfull": "3.3.x", "smoothscroll-polyfill": "0.3.x", "web-animations-js": "2.3.x", "zone.js": "0.8.x" }, "devDependencies": { "@angular/cli": "1.2.6", "@angular/compiler-cli": "^4.0.0", "@types/jasmine": "2.5.38", "@types/node": "~6.0.85", "codelyzer": "~2.0.0", "jasmine-core": "~2.5.2", "jasmine-spec-reporter": "~3.2.0", "karma": "~1.4.1", "karma-chrome-launcher": "~2.0.0", "karma-cli": "~1.0.1", "karma-jasmine": "~1.1.0", "karma-jasmine-html-reporter": "^0.2.2", "karma-coverage-istanbul-reporter": "^0.2.0", "protractor": "~5.1.0", "ts-node": "~2.0.0", "tslint": "~4.5.0", "typescript": "~2.2.0" } }
Dawid Adach pro commented 7 years ago
Dear Don, does the same happen when you install lib via npm?Mateusz Kobuszewski answered 7 years ago
Dawid Adach pro commented 7 years ago
Dear Mateusz, we are working on that, we will come back with solution as soon as possible.sashjuan pro answered 7 years ago
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: Yes
- Provided link: No