Angular et production

bm · 19/01/2019, 17h38

Bonjour,

La prod ne donne pas d'erreur :
ng build --prod

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
Date: 2019-01-19T16:17:48.395Z
Hash: adaa558a1d573082477b
Time: 39246ms
chunk {0} runtime.ec2944dd8b20ec099bf3.js (runtime) 1.41 kB [entry] [rendered]
chunk {1} main.1335e94b1dc9fb80ac07.js (main) 347 kB [initial] [rendered]
chunk {2} polyfills.e6fbd82b34ccb0c8609f.js (polyfills) 41 kB [initial] [rendered]
chunk {3} styles.bb63167e61c0fdbde4ef.css (styles) 111 kB [initial] [rendered]

Je ne sais pas pourquoi le fichier index.html ne s'affiche pas dans le navigateur :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>MonProjetAngular</title>
  <base href="/">
 
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" href="styles.bb63167e61c0fdbde4ef.css"></head>
<body>
  <app-root></app-root>
<script type="text/javascript" src="runtime.ec2944dd8b20ec099bf3.js"></script><script type="text/javascript" src="polyfills.e6fbd82b34ccb0c8609f.js"></script><script type="text/javascript" src="main.1335e94b1dc9fb80ac07.js"></script></body>
</html>

**Marco46** · 19/01/2019, 19h50

Ouvre les outils de dev de ton navigateur et vérifie :

- la présence ou non d'erreurs dans la console js
- que tout va bien dans la partie réseaux

bm · 20/01/2019, 15h05

Dans console :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
Échec du chargement pour l’élément <script> dont la source est « file:///runtime.ec2944dd8b20ec099bf3.js ». index.html:13:1
Échec du chargement pour l’élément <script> dont la source est « file:///polyfills.e6fbd82b34ccb0c8609f.js ». index.html:13:1
Échec du chargement pour l’élément <script> dont la source est « file:///main.1335e94b1dc9fb80ac07.js ». index.html:13:1
GEThttps://data1.plujet.com/scripts/js?k=5c37522a87df1af2288b4567&s=
[HTTP/1.1 200 OK 0ms]
L’attribut « content » des objets Window est obsolète. Veuillez utiliser « window.top » à la place. index.html

Echec ne donne pas la source du problème ...

**Marco46** · 20/01/2019, 18h16

Tes scripts ne sont pas chargés parce que tu lances probablement ton index.html directement depuis le filesystem au lieu de passer par un serveur web. La commande ng-build construit un livrable, ce livrable doit être hébergé par un serveur web (même local), regarde du côté de ng-serve avec l'option --prod.

bm · 20/01/2019, 19h53

J'obtiens la prod en localhost apres une correction :

main.ts :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
platformBrowserDynamic().bootstrapModule(AppModule)
  .catch(err => alert(err));

error.console remplacer par alert ( firefox)

boostrap ne se chargeait pas, ce qui n'est pas visible avec serve --open
qui ne compile pas tout ...

nb : avec filesystem la page s'affiche et ne reste pas blanche ( hors serveur localhost )

Angular et production

Angular

Discussions similaires

Partager

Partager