Cannot serve ionic3 app in localhost with ionic serve (blank page)

Question

hi guys i was working on a app for 2 months, its never been before. today i typed ionic serve and it gave me a blank page. i tried again again again; nothing changed.

the errors of console is like that:

```
Failed to load resource: the server responded with a status of 404 (Not Found)
vendor.js Failed to load resource: the server responded with a status of 404 (Not Found)
main.js Failed to load resource: the server responded with a status of 404 (Not Found)
vendor.js Failed to load resource: the server responded with a status of 404 (Not Found)
main.js Failed to load resource: the server responded with a status of 404 (Not Found)
main.css Failed to load resource: the server responded with a status of 404 (Not Found)
```

then i searched for solution on the internet and tried that:

```
npm uninstall -g cordova ionic
npm install -g cordova ionic
```

but it didnt work!

so i remembered, once i backed up my app folder before. so i tried that and saw it works. i copied that back-up folder's www/build folder files to the my up to date app-folder. and run ionic serve again. it deletes all files automatically and doesnt work?

i cannot serve my app ? please assist me guys. i did nothing to receive that error i am shocked!

terminal:

```
Starting app-scripts server: --address 0.0.0.0 --port 8100 --livereload-port 35729 --dev-logger-port 53703 --nobrowser -
Ctrl+C to cancel
[04:35:39]  watch started ...
[04:35:39]  build dev started ...
[04:35:39]  clean started ...
[04:35:39]  clean finished in 7 ms
[04:35:39]  copy started ...
[04:35:39]  deeplinks started ...
[04:35:39]  deeplinks finished in 236 ms
[04:35:39]  transpile started ...
[04:35:43]  dev server running: http://localhost:8100/

[OK] Development server running!
     Local: http://localhost:8100
     External: http://192.168.1.3:8100, http://192.168.136.1:8100, http://192.168.80.1:8100
     DevApp: DenemeApp@8100 on ASUS

[04:35:44]  copy finished in 4.77 s
[04:35:44]  watch ready in 4.94 s

```

stops here.

my ionic info:

```

cli packages: (C:\Users\Uğur\AppData\Roaming\npm\node_modules)

    @ionic/cli-utils  : 1.19.0
    ionic (Ionic CLI) : 3.19.0

global packages:

    cordova (Cordova CLI) : 7.1.0

local packages:

    @ionic/app-scripts : 3.0.1
    Cordova Platforms  : none
    Ionic Framework    : ionic-angular 3.8.0

System:

    Node : v6.11.4
    npm  : 3.10.10
    OS   : Windows 8.1

Environment Variables:

    ANDROID_HOME : not set

Misc:

    backend : pro
```

try running **npm cache clean ** and then your commands

Prerak Tiwari
– Prerak Tiwari

2017-12-19 17:56:59 +00:00
Commented Dec 19, 2017 at 17:56 — Prerak Tiwari
– Prerak Tiwari, Commented Dec 19, 2017 at 17:56
Thanks but didnt work

ugrdursun
– ugrdursun

2017-12-19 18:00:03 +00:00
Commented Dec 19, 2017 at 18:00 — ugrdursun
– ugrdursun, Commented Dec 19, 2017 at 18:00
i added a screenshot

ugrdursun
– ugrdursun

2017-12-19 22:17:12 +00:00
Commented Dec 19, 2017 at 22:17 — ugrdursun
– ugrdursun, Commented Dec 19, 2017 at 22:17
any luck on this? I'm experiencing same problem

dev mamba
– dev mamba

2019-07-08 09:33:55 +00:00
Commented Jul 8, 2019 at 9:33 — dev mamba
– dev mamba, Commented Jul 8, 2019 at 9:33
No luck. I restarted from one of my backups @PuyiSeverino

ugrdursun
– ugrdursun

2019-07-08 12:50:04 +00:00
Commented Jul 8, 2019 at 12:50 — ugrdursun
– ugrdursun, Commented Jul 8, 2019 at 12:50

Melchia · Accepted Answer · 2017-12-19 23:45:33Z

1

Try serving your application in port 8102. I don't know how you managed it. But you changed the port where your build is available. So run the following command :

$ ionic serve --p 8102

answered Dec 19, 2017 at 23:45

Melchia

24.6k23 gold badges110 silver badges130 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ugrdursun · Accepted Answer · 2017-12-20 19:06:22Z

1

I couldnt find the solution, luckily i backed up the project lately. I dont know what i did to main folder but my backup folder working well. I did exact same changes (updated) and its working.

answered Dec 20, 2017 at 19:06

ugrdursun

3691 gold badge5 silver badges19 bronze badges

Collectives™ on Stack Overflow

Cannot serve ionic3 app in localhost with ionic serve (blank page)

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related