Ionic just displaying blank page when running ionic serve --lab

General Tech Bugs & Fixes 2 years ago

0 2 0 0 0 tuteeHUB earn credit +10 pts

5 Star Rating 1 Rating

Posted on 16 Aug 2022, this text provides information on Bugs & Fixes related to General Tech. Please note that while accuracy is prioritized, the data presented might not be entirely correct or up-to-date. This information is offered for general knowledge and informational purposes only, and should not be considered as a substitute for professional advice.

Take Quiz To Earn Credits!

Turn Your Knowledge into Earnings.

tuteehub_quiz

Answers (2)

Post Answer
profilepic.png
manpreet Tuteehub forum best answer Best Answer 2 years ago

 

I am developing an Ionic app with a friend who is developing in Windows. I had all the code working fine on a Windows machine but have now upgraded to a more powerful Mac machine.

When running the app on my Mac using:

ionic serve --lab

I get a blank screen like this image

and the following errors come up in the Chrome console.

   http://192.168.0.21:8100/lib/angular-applicationinsights/dist/angular-applicationinsights.min.js Failed to load resource: the server responded with a status of 404 (Not Found)


ionic.bundle.js:13217 Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to:
Error: [$injector:modulerr] Failed to instantiate module ApplicationInsightsModule due to:
Error: [$injector:nomod] Module 'ApplicationInsightsModule' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
http://errors.angularjs.org/1.4.3/$injector/nomod?p0=ApplicationInsightsModule
    at http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:8900:12
    at http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:10790:17
    at ensure (http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:10714:38)
    at module (http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:10788:14)
    at http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:13194:22
    at forEach (http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:9168:20)
    at loadModules (http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:13178:5)
    at http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:13195:40
    at forEach (http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:9168:20)
    at loadModules (http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:13178:5)
http://errors.angularjs.org/1.4.3/$injector/modulerr?p0=ApplicationInsights…%2F%2F192.168.0.21%3A8100%2Flib%2Fionic%2Fjs%2Fionic.bundle.js%3A13178%3A5)
    at http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:8900:12
    at http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:13217:15
    at forEach (http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:9168:20)
    at loadModules (http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:13178:5)
    at http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:13195:40
    at forEach (http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:9168:20)
    at loadModules (http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:13178:5)
    at createInjector (http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:13104:11)
    at doBootstrap (http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:10462:20)
    at bootstrap (http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:10483:12)
http://errors.angularjs.org/1.4.3/$injector/modulerr?p0=app&p1=Error%3A%20%…2F%2F192.168.0.21%3A8100%2Flib%2Fionic%2Fjs%2Fionic.bundle.js%3A10483%3A12)


ionic.bundle.js:13217 Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to:
Error: [$injector:modulerr] Failed to instantiate module ApplicationInsightsModule due to:
Error: [$injector:nomod] Module 'ApplicationInsightsModule' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
http://errors.angularjs.org/1.4.3/$injector/nomod?p0=ApplicationInsightsModule
    at http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:8900:12
    at http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:10790:17
    at ensure (http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:10714:38)
    at module (http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:10788:14)
    at http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:13194:22
    at forEach (http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:9168:20)
    at loadModules (http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:13178:5)
    at http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:13195:40
    at forEach (http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:9168:20)
    at loadModules (http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:13178:5)
http://errors.angularjs.org/1.4.3/$injector/modulerr?p0=ApplicationInsights…%2F%2F192.168.0.21%3A8100%2Flib%2Fionic%2Fjs%2Fionic.bundle.js%3A13178%3A5)
    at http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:8900:12
    at http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:13217:15
    at forEach (http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:9168:20)
    at loadModules (http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:13178:5)
    at http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:13195:40
    at forEach (http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:9168:20)
    at loadModules (http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:13178:5)
    at createInjector (http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:13104:11)
    at doBootstrap (http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:10462:20)
    at bootstrap (http://192.168.0.21:8100/lib/ionic/js/ionic.bundle.js:10483:12)
http://errors.angularjs.org/1.4.3/$injector/modulerr?p0=app&p1=Error%3A%20%…2F%2F192.168.0.21%3A8100%2Flib%2Fionic%2Fjs%2Fionic.bundle.js%3A10483%3A12)

A little bit of research leads me to think this is because we are developing across two different platforms. Could be barking up the wrong tree there though.

profilepic.png
manpreet 2 years ago

The was resolved by running

brower install

in the directory. That seemed to sort out the browser module dependencies.


0 views   0 shares

No matter what stage you're at in your education or career, TuteeHub will help you reach the next level that you're aiming for. Simply,Choose a subject/topic and get started in self-paced practice sessions to improve your knowledge and scores.

tuteehub community

Join Our Community Today

Ready to take your education and career to the next level? Register today and join our growing community of learners and professionals.

tuteehub community