L'app ouvre page blanche

Ionic Framework ionic-v3
1

Bonjour.
avec ionic serve le chrome ouvre une page blanche.
J’ai testé sur mon smartphone avec ionic cordova run android l’app a fonctionné au depart puis le lendemain pareil page blanche.
Je n’ai aucune erreur dans la console chrome ni dans visual studio.

Quelqu’un aurait il deja eu ce probleme?

Merci d’avance

2

Avez-vous remarqué des messages d’erreur?

Voir si cela aide: APK stops after try to open in Android 4.4.4

3

precisely I have no error message, neither in the chrome console nor on my smartphone

4

I made the plugins update but still the same

5

If you can, just for a test, create a new project, copy src directory, and try again. I had a similar problem and solved like that.

6

bon c’est fait mais toujours le même problème

7

Si vous avez installé l’APK avec la commande ./adb install myApp.apk, essayez de le déboguer avec la commande ./adb logcat *:E. Alors peut-être que vous trouverez un indice qui cause le problème.

8

re,
bin je n’ai pas installé APK

9

Essayez ceci:

npm install -g ionic
npm install -g cordova

npm outdated
npm update
npm outdated
10

Re.
Je vais essayer cela demain.
Compte tenu que je suis coincé avec celui-ci j’ai commencé un projet avec ionic V4 vu qu’il faudra s’y mettre a un moment :blush:

11

re,
j’ai tout fais et je me retrouve avec plein d’avertissement et 1 erreur, je vais regarder ça de plus près

12

Re.
J’ai tout fais et ça a fonctionné.
J’ai fait ionic cordova run android pour tester sur mon smartphone.
Ça a fonctionné 1 jour et mauntenant ecran blanc a nouveau.
Je comprend vraiment pas

13

If you have a white page while doing ionic serve in Chrome and no msg in the Chrome Debugger I would bet on a compilation error. Check the stacktrace of ionic serve

14

Hello @reedrichards,
Justement je n’ai aucune erreur dans l’inspection chrome.
Le stacktrace c’est tout ce qui s’affiche dans la console apres le ionic serve ? C’est ça?

15

Je sais pas si c’est “stacktrace” est le mot correct mais effectivement, ce qui s’affiche après la commande ionic serve …

16

voici

> ionic-app-scripts serve --address 0.0.0.0 --port 8100 --livereload-port 35729 --dev-logger-port 53703 --nobrowser
[app-scripts] [19:56:38]  ionic-app-scripts 3.2.0
[app-scripts] [19:56:38]  watch started ...
[app-scripts] [19:56:38]  build dev started ...
[app-scripts] [19:56:38]  clean started ...
[app-scripts] [19:56:38]  clean finished in 33 ms
[app-scripts] [19:56:38]  copy started ...
[app-scripts] [19:56:38]  deeplinks started ...
[app-scripts] [19:56:38]  deeplinks finished in 68 ms
[app-scripts] [19:56:38]  transpile started ...
[app-scripts] [19:56:46]  transpile finished in 7.71 s
[app-scripts] [19:56:46]  preprocess started ...
[app-scripts] [19:56:46]  preprocess finished in 1 ms
[app-scripts] [19:56:46]  webpack started ...
[app-scripts] [19:56:46]  copy finished in 8.36 s
[app-scripts] [19:56:52]  webpack finished in 6.23 s
[app-scripts] [19:56:52]  sass started ...
[app-scripts] [19:56:54]  sass finished in 1.81 s
[app-scripts] [19:56:54]  postprocess started ...
[app-scripts] [19:56:54]  postprocess finished in 10 ms
[app-scripts] [19:56:54]  lint started ...
[app-scripts] [19:56:54]  build dev finished in 16.11 s
[app-scripts] [19:56:54]  watch ready in 16.38 s

[INFO] Development server running!

       Local: http://localhost:8100
       External: http://192.168.0.31:8100
       DevApp: ionic2-app-base@8100 on DESKTOP-KMH4TM5

       Use Ctrl+C to quit this process

[INFO] Browser window opened to http://localhost:8100!

[app-scripts] no-unused-variable is deprecated. Since TypeScript 2.9. Please use the built-in compiler checks instead.
[app-scripts] [19:57:01]  tslint: C:/Users/ludo/Desktop/appli mobile/restful-auth/src/app/app.component.ts, line: 22
[app-scripts]             Property 'translate' is declared but its value is never read.
[app-scripts]       L21:      public menu: MenuController,
[app-scripts]       L22:      private translate: TranslateService) {
[app-scripts] [19:57:01]  lint finished in 6.70 s
17 
[app-scripts] no-unused-variable is deprecated. Since TypeScript 2.9. Please use the built-in compiler checks instead.
[app-scripts] [19:57:01]  tslint: C:/Users/ludo/Desktop/appli mobile/restful-auth/src/app/app.component.ts, line: 22
[app-scripts]             Property 'translate' is declared but its value is never read.
[app-scripts]       L21:      public menu: MenuController,
[app-scripts]       L22:      private translate: TranslateService) {
[app-scripts] [19:57:01]  lint finished in 6.70 s

Probablement pas le problème mais on sait jamais, si tu résous cette erreur/warning?

Tu utilises quelle version de typescript? (package.json -> typescript)

18

“typescript”: “3.0.3”

19

in fact on chrome I get

module-loader.js:76 Can't export directive Login from LoginModule as it was neither declared nor imported!
(anonymous) @ module-loader.js:76
``` and the display works well.
on my smartphone the home screen briefly appears and then turns white
20

Je suis pas sûre que typescript v3.0.3 est super supporté, perso avec Ionic v4 je suis resté à v2.9.2, essai de downgrader

Si le problème persiste passe au deuxième problème de module login dont la déclaration semble ne pas être correcte