Erreur Angular2 après le déploiement sur le serveur AWS "" Seuls les éléments vides et étrangers peuvent être auto-fermés "head" ("[ERROR ->] <head/>"

Question

Après avoir terminé et testé une application Angular2 sur ma machine locale, j'ai décidé de déplacer . à un serveur cloud AWS avec Apache je cloné le sw de git mais, dès que je lançais l'application, je suis une erreur sur la console du navigateur indiquant:

EXCEPTION: Template parse errors: 
Only void and foreign elements can be self closed "head" ("[ERROR ->]<head/> 

Après quelques recherches, je trouve que tous les de mes modèles html externes sont magiquement enrichis avec un tag de démarrage <head/> dont je ne vois pas trace dans mon code Pour résoudre ce problème, j'ai dû éteindre mod-pagespeed. Puisque je ne suis pas familier avec la configuration d'Apache je ne sais pas quels effets secondaires cela peut avoir et s'il y a une meilleure solution. Toute aide sera la bienvenue.

Answer 1

Je crois que mod-pagespeed a une option où il ajoute automatiquement une balise head à un document html s'il ne peut pas le trouver dans le document (avant le corps). Pour désactiver cette fonction ajouter à votre configuration pagespeed apache (dans le .htaccess.):

Pour éviter javascript modifications interdisent également deux autres filtres

ModPagespeedForbidFilters add_head,rewrite_javascript,rewrite_javascript_inline,combine_javascript,inline_javascript 

De cette façon, vous pouvez toujours profiter du reste de les caractéristiques mod-pagespeed :)