Ionic serve not working in Ionic 3

Question

My Ionic info:

cli packages: (/usr/lib/node_modules)

@ionic/cli-utils  : 1.9.2
ionic (Ionic CLI) : 3.9.2

global packages:

Cordova CLI : 7.0.1 

local packages:

@ionic/app-scripts : 3.1.0
Cordova Platforms  : browser 4.1.0
Ionic Framework    : ionic-angular 3.9.2

System:

Node : v6.9.0
npm  : 3.10.8 
OS   : Linux 4.4

Ionic serve is working fine, but does not detect any file changes!

The problem appears only for Ionic v3 and v2 projects.

My Ionic v1 projects are working fine.

Have you updated the ionic global package? if not try ( npm update -g ionic) — Shashan Sooriyahetti, Nov 23 '17 at 06:53

score 3 · Answer 1 · answered Nov 29 '17 at 05:17

3

For update changes in platform file you have to run ionic cordova prepare and then run ionic serve it works.. ionic cordova prepare copy all files of www into platform directory that will reflect in your apk or ipa

answered Nov 29 '17 at 05:17

PravinSanghani

129
1
5

no change after executing **Ionic cordova prepare** – Mebin Xtapps Nov 29 '17 at 12:36
one more thing please check node version and npm version as well, you have to update it as well because it will download maven repo. according to that – PravinSanghani Nov 30 '17 at 05:57
node version 6.9.0 npm 5.2.0. is it needed to update? npm is updated! – Mebin Xtapps Nov 30 '17 at 05:59
Ionic is working on maven repository in background, you have to make sure after updating ionic and node version it update repository into .gradle directory. – PravinSanghani Nov 30 '17 at 06:34
how can I check this? – Mebin Xtapps Nov 30 '17 at 06:48
if you are uses command line, once you add platform you can see that screen it down loads some data from maven.gradle.com – PravinSanghani Nov 30 '17 at 10:51

score 3 · Answer 2 · answered Dec 22 '17 at 06:29

3

When I use ionic cli build app(ionic3 + angular5),same problem happened to me.I updated '@ionic/app-scripts' to version '3.1.6',then problem solved

answered Dec 22 '17 at 06:29

Lili

1
3

score 3 · Answer 3 · answered Dec 22 '17 at 10:07

3

Try like this

ionic serve --verbose =>didn’t work, there were errors;

npm run ionic:build --verbose =>ran, finnished with OK.

answered Dec 22 '17 at 10:07

core114

5,155
16
92
189

1

it's work fine now! it is permission problem while running `sudo ionic serve` it worked for me – Mebin Xtapps Dec 27 '17 at 05:01
glad to help you , any issue for you? – core114 Dec 27 '17 at 05:37

score 1 · Answer 4 · answered Nov 27 '17 at 07:00

1

Use "npm install" and then "gulp build" & "gulp serve". Also make sure you update all the dependencies. Check versions of your dependencies by "ionic info".

answered Nov 27 '17 at 07:00

CThakur

136
8

showing no gulp file found after installing gulp using **npm install gulp** – Mebin Xtapps Nov 29 '17 at 12:46

score 1 · Answer 5 · answered Nov 29 '17 at 15:19

1

Try npm run ionic:serve. Similar issue occurred when installing the latest cordova update.

answered Nov 29 '17 at 15:19

alchi baucha

930
7
17

Sorry! no use using **npm run ionic:serve** – Mebin Xtapps Nov 30 '17 at 04:58

score 1 · Answer 6 · edited Jun 18 '18 at 14:36

1

Try below steps.. May be it will help

npm install -g ionic@latest

npm install @ionic/app-scripts@latest --save-dev

npm install ionic-angular@latest --save

ionic serve

edited Jun 18 '18 at 14:36

DaFois

2,197
8
26
43

answered Jun 18 '18 at 13:53

Pawwa

43
9

score 1 · Answer 7 · answered Jul 18 '18 at 06:16

1

Please use these commands in your project.

sudo sysctl fs.inotify.max_user_watches=524288

sudo sysctl -p --system

And again run ionic serve

answered Jul 18 '18 at 06:16

rhanesoghlyan

53
6

score 1 · Answer 8 · edited Dec 27 '18 at 18:30

1

Delete the node_modules folder and then use the command

npm install

followed by

ionic serve--verbose

Hope that it works fine.

edited Dec 27 '18 at 18:30

zx485

28,498
28
50
59

answered Dec 27 '18 at 18:04

Shahid Mirza

11
2

score 1 · Answer 9 · answered Apr 29 '19 at 08:02

1

i faced this problem before ,try this instead of ionic serve :

npm run ionic:serve

answered Apr 29 '19 at 08:02

Ali Mhanna

401
3
14

score 0 · Answer 10 · answered Jan 17 '18 at 06:44

0

You should not use "sudo" with any of the ionic/npm commands. If it throws error without "sudo", then you can fix it by changing the owner of the npm packages, using the command below:

sudo chown -R $(whoami) ~/.npm

answered Jan 17 '18 at 06:44

Charles Zhao

158
11

score 0 · Answer 11 · answered Jan 29 '18 at 18:59

my configurations for running ionic 3 application:

cli packages: (/usr/local/lib/node_modules)

@ionic/cli-utils  : 1.19.1
ionic (Ionic CLI) : 3.19.1

global packages:

cordova (Cordova CLI) : 8.0.0

local packages:

@ionic/app-scripts : 3.1.7
Cordova Platforms  : android 6.3.0
Ionic Framework    : ionic-angular 3.9.2

System:

Android SDK Tools : 26.1.1
Node              : v8.2.1
npm               : 5.5.0 
OS                : Linux 4.4

Environment Variables:

ANDROID_HOME : /root/Android/Sdk

Misc:

backend : pro

score 0 · Answer 12 · edited Apr 11 '18 at 16:59

0

Use these commands in your prompt.

npm cache clear --force
rm -rf node_modules/
npm install -d

edited Apr 11 '18 at 16:59

CertainPerformance

356,069
52
309
320

answered Apr 11 '18 at 15:27

EricSky1204

1
1

score 0 · Answer 13 · edited Jun 18 '18 at 10:51

0

Install ws:

npm install ws@3.3.2 --save-dev --save-exact

edited Jun 18 '18 at 10:51

anothernode

5,100
13
43
62

answered Jun 18 '18 at 10:35

yassine guadina

1
2

score 0 · Answer 14 · edited Jun 23 '18 at 19:52

0

In ionic 3 you have to type:

cordova run android or cordova run ios, to deploy your build in device.
cordova build android or cordova build ios, for build only.

edited Jun 23 '18 at 19:52

Nils

2,665
15
30

answered Jun 23 '18 at 18:52

Ashay

43
7

score 0 · Answer 15 · answered Jun 28 '18 at 13:18

0

Have you tried using this cmd

npm run ionic:serve

answered Jun 28 '18 at 13:18

Mukesh smk

1
1

score 0 · Answer 16 · answered Jun 28 '18 at 13:22

0

I think your prob is the

NODE version (6.9.1) ..

can you just try to upgrade to 9.1.0 or more?

answered Jun 28 '18 at 13:22

federico scamuzzi

3,708
1
17
24

score 0 · Answer 17 · edited Oct 14 '18 at 09:09

My answers works. My machine is also having a different package of Node which I forgot about in the first place.

So I've removed node_modules using:

sudo rm -rf /opt/local/bin/node /opt/local/include/node /opt/local/lib/node_modules
sudo rm -rf /usr/local/bin/npm /usr/local/share/man/man1/node.1 /usr/local/lib/dtrace/node.

To make things less complicated with all cli - head up back https://nodejs.org/ and install back the LTS package

Uninstall Node from brew
re-install node.js using conventional way using the installer

score 0 · Answer 18 · answered Apr 06 '19 at 11:07

0

Include below script in the package.json file

"browser": "ionic-app-scripts serve --sourceMap source-map --iscordovaserve --wwwDir platforms/browser/www/ --buildDir platforms/browser/www/build"
and run

After It Run npm run browser

answered Apr 06 '19 at 11:07

Sandip Moradiya

706
1
11
30

score 0 · Answer 19 · answered Mar 16 '20 at 05:08

I have faced such a problem, tried a fresh new app, worked perfectly, tried another old app, also worked perfectly.

Tried to stop using some modules (clipboard in my case and another one), solved the problem, in my case it was an error in the way I am importing or using it.

ionic 5 is my ionic version

Hope this will help someone

score 0 · Answer 20 · answered Sep 27 '21 at 22:54

0

What Worked for me was repairing the project ionic repair , then I ran ionic serve and it worked fine. Hope this solves your problem.

answered Sep 27 '21 at 22:54

Basil Basaif

362
8
20

Ionic serve not working in Ionic 3

20 Answers20

Linked