0
votes

Comment déployer une angulaire 9 sur Heroku?

J'essaie d'exécuter une application angulaire sur Heroku. J'ai lu beaucoup de guides, mais les solutions ne fonctionnent pas dans mon cas. La construction d'applications est réussie sur Heroku. Toutefois, lorsque l'application commence, une erreur se produit.

package.json strong> p> xxx pré>

serveur.js strong>

/strong.ledsstrong'Pl.component.htmlke.com > P>

world

angular heroku angular9

0 commentaires

3 Réponses :

0
votes

Ce que vous pourriez faire est ...

git clone https://github.com/xyz/angular.git
cd angulaire
héroku créer
GIT Push Heroku Master
héroku ps: balance Web = 1
héroku ouvert Lorsque vous appuyez sur le projet à l'aide de la 4ème commande, toutes les dépendances sont installées automatiquement. Avant cela, votre projet devrait être téléchargé sur Github.



                                                                    
                                    
                                    
                                        2 commentaires
                                        
                                                                                            
                                                    Résultat:  Secure-Sea-59451.herokuapp.com  se connecte comme dans mon post                                                
                                                
                                                                                            
                                                    Vous devez générer des fichiers de production angulaires à l'aide de NG Build et de copier les fichiers du dossier DIST généré dans le dossier public de l'application Express (Backend). Et suivez ci-dessus étapes


                        
                                            
                            
                                
                                    0
 votes
                                
                            
                            
                                
                                     Votre  Package.json  STRT> On dirait que vous utilisez Express, mais il semble que vous avez oublié d'ajouter un chemin d'accès à la configuration de votre serveur. 
 Entrez  P> 
node -v
npm -v 

                                

                                                                    
                                    
                                    
                                        0 commentaires
                                        
                                                                                    
                                    
                                                            
                        
                        
                                            
                            
                                
                                    0
 votes
                                
                            
                            
                                
                                     Créer un fichier serveur.js dans votre dossier de projet: -  xxx  pré> 
 mettre à jour le script dans le fichier package.json.  p> 
"start": "node server.js",
"postinstall": "ng build --output-path your-application-name --aot --prod",

                                

                                                                    
                                    
                                    
                                        1 commentaires
                                        
                                                                                            
                                                    Je pense que  dist  doit rester dans Gitignore. Sinon, nous vous engagerons les fichiers dists à GIT.


            
                
		    
                    Articles qui pourrait vous intéresser :
                                            
                            Impossible d'importer le module "@ angular / material"                        
                        
                                            
                            Erreur de compilation angulaire: NG6001: la classe est répertoriée dans les déclarations du NgModule 'AppModule', mais n'est pas une directive, un composant ou un tube                        
                        
                                            
                            erreur NG6002: apparaît dans le NgModule.imports d'AppModule, mais n'a pas pu être résolu en une classe NgModule                        
                        
                                            
                            [ng update]: Erreur - Le package "@ angular-devkit / schematics" ne peut pas être résolu à partir du répertoire racine de l'espace de travail