[Angular Pro] Unable to start app...and it's pretty urgent :

Topic: [Angular Pro] Unable to start app...and it's pretty urgent :-(

Giovanni De Stefano priority asked 6 years ago

Hello,After resetting my dev machine, When I launch my app I get this error:

** NG Live Development Server is listening on 0.0.0.0:4200, open your browser on http://localhost:4200/ ** 69% building modules 537/539 modules 2 active .../assets/scss/bootstrap/bootstrap.scssWARNING: The `text-hide()` mixin has been deprecated as of v4.1.0. It will be removed entirely in v5. on line 10 of node_modules/ng-mdb-pro/assets/scss/bootstrap/mixins/_text-hide.scss, in mixin `text-hide` from line 57 of node_modules/ng-mdb-pro/assets/scss/bootstrap/utilities/_text.scss from line 14 of node_modules/ng-mdb-pro/assets/scss/bootstrap/_utilities.scss from line 41 of stdin

This is my package.json (without my personal info of mg-mdb-pro):

{ "name": "frontend", "version": "0.0.0", "license": "MIT", "scripts": { "ng": "ng", "start": "ng serve --host 0.0.0.0", "build": "ng build --prod --aot", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e" }, "private": true, "dependencies": { "@angular/animations": "^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/platform-browser": "^5.2.0", "@angular/platform-browser-dynamic": "^5.2.0", "@angular/router": "^5.2.0", "angular2-text-mask": "^8.0.4", "chart.js": "^2.7.2", "core-js": "^2.4.1", "easy-pie-chart": "^2.1.7", "font-awesome": "^4.7.0", "hammerjs": "^2.0.8", "jwt-decode": "^2.2.0", "ng-mdb-pro": "git+https://oauth2:<super_secret>@git.mdbootstrap.com/mdb/angular/ng-pro.git", "ngx-progressbar": "^2.1.1", "rxjs": "^5.5.6", "screenfull": "^3.3.2", "text-mask-addons": "^3.7.2", "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/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" }}

How can I fix it? Do I have to upgrade something?Thanks!Giovanni

Damian Gemza staff commented 6 years ago

Dear Giovanni, there are only warnings, that some functions from Bootstrap 4.1 are deprecated. We'll check this in next release, but It shouldn't block your application. Your's app should build and serve correctly. If not, please try to debug this problem. Let me know if your app works or not. Best Regards, Damian

micohal pro commented 6 years ago

Hi Damian, I'm also experiencing the same/similar issue. I purchased version 6.0.1 and tried using today with VSC/angular CLI. I have updated to node.js 9.11.1 with angular/cli 1.7.4. The error is the same as Giovanni, in appears to serve the package but once opened via localhost/4200 all i get is Error "Cannot GET /" displayed. In network I have received a 404 for localhost.. No other error. The build in the dist folder however works as intended. I've tried removing plugins and using in incognito mode with no success. Not sure what else I can do as there is no further information to help find a solution. Appreciate any further direction here to solving this. Thanks, Michael. ** Angular Live Development Server is listening on localhost: 4200, open your browser on <a href="http://localhost:4200/" rel="nofollow">http://localhost:4200/</a> ** 69% building modules 775/777 modules 2 active …gular-proscssbootstrapbootstrap.scssWARNING: The `text-hide()` mixin has been deprecated as of v4.1.0. It will be removed entirely in v5. on line 10 of scss/bootstrap/mixins/_text-hide.scss, in mixin `text-hide` from line 57 of scss/bootstrap/utilities/_text.scss from line 14 of scss/bootstrap/_utilities.scss from line 41 of stdin Date: 2018-04-24T07:17:14.183Z Hash: e0df2fe96f4db8a7ed45 Time: 12462ms chunk {main} main.js, main.js.map (main) 1.06 MB [initial] [rendered] chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 467 kB [initial] [rendered] chunk {runtime} runtime.js, runtime.js.map (runtime) 5.09 kB [entry] [rendered] chunk {scripts} scripts.js, scripts.js.map (scripts) 394 kB [rendered] chunk {styles} styles.js, styles.js.map (styles) 2.6 MB [initial] [rendered] chunk {vendor} vendor.js, vendor.js.map (vendor) 4.67 MB [initial] [rendered] i ｢wdm｣: Compiled successfully.

Hi Damian, I'm also experiencing the same/similar issue.

I purchased version 6.0.1 and tried using today with VSC/angular CLI. I have updated to node.js 9.11.1 with angular/cli 1.7.4. The error is the same as Giovanni, in appears to serve the package but once opened via localhost/4200 all i get is Error "Cannot GET /" displayed. In network I have received a 404 for localhost.. No other error. The build in the dist folder however works as intended. I've tried removing plugins and using in incognito mode with no success. Not sure what else I can do as there is no further information to help find a solution. Appreciate any further direction here to solving this. Thanks, Michael.

** Angular Live Development Server is listening on localhost: 4200, open your browser on <a href="http://localhost:4200/" rel="nofollow">http://localhost:4200/</a> **
69% building modules 775/777 modules 2 active …gular-proscssbootstrapbootstrap.scssWARNING: The `text-hide()` mixin has been deprecated as of v4.1.0. It will be removed entirely in v5.
on line 10 of scss/bootstrap/mixins/_text-hide.scss, in mixin `text-hide`
from line 57 of scss/bootstrap/utilities/_text.scss
from line 14 of scss/bootstrap/_utilities.scss
from line 41 of stdin
Date: 2018-04-24T07:17:14.183Z
Hash: e0df2fe96f4db8a7ed45
Time: 12462ms
chunk {main} main.js, main.js.map (main) 1.06 MB [initial] [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 467 kB [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 5.09 kB [entry] [rendered]
chunk {scripts} scripts.js, scripts.js.map (scripts) 394 kB [rendered]
chunk {styles} styles.js, styles.js.map (styles) 2.6 MB [initial] [rendered]
chunk {vendor} vendor.js, vendor.js.map (vendor) 4.67 MB [initial] [rendered]
i ｢wdm｣: Compiled successfully.

Please insert min. 15 characters.

Damian Gemza staff commented 6 years ago

Dear micohal, Please try this: npm install bootstrap@4.0.0 --save, and in angular.json file, in styles array change: "input": "node_modules/ng-mdb-pro/assets/scss/bootstrap/bootstrap.scss" to "input": "node_modules/bootstrap/scss/bootstrap.scss", And check if now your app is serving correctly. If not, it's not those warnings fault. Best Regards, Damian

micohal pro commented 6 years ago

Hi Damian, thanks for quick reply! I've tried this and this certainly solves the warning faults though not the issue of loading the example supplied in the Pro purchase. No errors are found in VSC and the only thing displayed in localhost/4200 is a 404 for localhost.. Other angular projects are working fine it's only the pro example. Any other ideas? As this may be a different issue I can create a new thread if required. Thanks, Michael.

Damian Gemza staff commented 6 years ago

It's for sure another case, not Bootstrap one. Could you try to create a fresh, blank project using ng new project --style=scss, put there our MDB Angular from npm install git+https and check if it works? There's something wrong with your project. Something could not be loaded.

micohal pro commented 6 years ago

Thanks Damien, creating the project from scratch and then bringing in those assets that pro MDB supply has worked. The zip file does not work out of the box as intended in my case. Still not sure why exactly, I'll have a dig around when I get more time to understand what may be causing the issue. At this stage, it works, once I started with a clean project. Thanks for your help.

Damian Gemza staff commented 6 years ago

Micohal also I don't know, why zip isn't working to you. I've tried to use it and for me everything was fine. If you'll encounter more problems, feel free to create new ticket. Best Regards, Damian

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

ForumUser: Priority
Premium support: Yes
Technology: MDB Angular
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: Yes
Provided link: No

Giovanni De Stefano

87Support score
20Questions 2Answers 0Snippets