[INFO] Waiting for connectivity with npm

All of a sudden my Ionic project won’t serve using ionic serve. I hadn’t updated any npm modules or anything, it literally stopped working.

I’ve tried updating all npm modules and the problem persists and I can’t seem to find any helpful answers from searching.

Ionic Info:

Ionic:

   Ionic CLI                     : 6.19.1 (/usr/local/lib/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 6.1.6
   @angular-devkit/build-angular : 13.3.6
   @angular-devkit/schematics    : 13.3.6
   @angular/cli                  : 13.3.6
   @ionic/angular-toolkit        : 6.1.0

Capacitor:

   Capacitor CLI      : 3.5.1
   @capacitor/android : 3.5.1
   @capacitor/core    : 3.5.1
   @capacitor/ios     : 3.5.1

Utility:

   cordova-res : not installed globally
   native-run  : 1.6.0

System:

   NodeJS : v18.2.0 (/usr/local/Cellar/node/18.2.0/bin/node)
   npm    : 8.10.0
   OS     : macOS Monterey

When running ionic serve it compiles the project successfully in the terminal but then hangs on [INFO] Waiting for connectivity with npm...

I’ve tried deleting nodes_modules folder and lock file and reinstalling, restarting my Mac, updating Brew… everything. I’m stuck.

Anyone? Pulling my hair out trying to figure why it has started doing this all of a sudden.

Hey I was about the same place you are with this, but I finally found what it was for me.

In my App.tsx I needed to include this code:

import { setupIonicReact } from "@ionic/react";

setupIonicReact({
  mode: 'md',
})

Hope this helps :slight_smile:

Edit:
Apologies, realized you were using Angular so I tracked this down for you:

This should have your answer. Best of luck.

@ParkerNGore
sir you saved my life and sanity as well! thank you!

1 Like

No problem, my team and I had the same struggle.
Ionic React is much more difficult to learn and find information on than Ionic Angular. So it can be a challenge to solve some problems. Ionic 7 should fix some big issues for React though.

Best of luck!