2017-07-24 1 views
0

Je reçois l'erreur suivante lorsque j'essaie de charger ma page index.html à partir de localhost8000. L'erreur Uncaught angular n'est pas définie sur la ligne 2 de la page main.js.L'erreur Uncaught angular n'est pas définie

Index.html:

<!DOCTYPE html> 
<html lang='en' ng-app='App'> 
    <head> 
     <meta charset="utf-8"> 
     <script src = 'angular/angular.js'></script> 
     <script src = 'angular-route/angular-route.js'></script> 
     <script src = 'js/main.js'></script> 
     <title></title> 
    </head> 
    <body> 
     <ng-view></ng-view> <!-- Allows loading of partials--> 
    </body> 
</html> 

Main.js page: 

// Will handle our ng-routes 
var app = angular.module('App', ['ngRoute']) 

// Configure the partials 
app.config(function($routeProvider) { 
    $routeProvider.when('/', { 
     templateUrl: '/partials/_ninjas.html', // Allows us to move around and see all the ninjas 
    }); 
}); 

Y at-il une faute de frappe quelque part dans mon code, je ne suis pas voir. J'assiste toujours à un bootcamp de codage en ligne pour apprendre le codage donc tous les conseils seraient appréciés :)

Répondre

0

essayer d'assurer la charge de la bibliothèque angulaire correctement le code semble être bien

<!DOCTYPE html> 
 
<html lang="en"> 
 

 
    <head> 
 
    <meta charset="utf-8" /> 
 
    <title></title> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.min.js"></script> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular-route.js"></script> 
 
    <script src="main.js"></script> 
 
    </head> 
 

 
    <body ng-app="App"> 
 
    <ng-view></ng-view> 
 
    <!-- Allows loading of partials--> 
 
    <script> 
 
    var app = angular.module('App', ['ngRoute']) 
 

 
// Configure the partials 
 
app.config(function($routeProvider) { 
 
    $routeProvider.when('/', { 
 
     template: '<div>Hello</div>', // Allows us to move around and see all the ninjas 
 
    }); 
 
}); 
 
    </script> 
 
    </body> 
 

 
</html>

pour tester votre code

+0

Ce a fait le tour merci pour l'aide :) –

+0

@DanielMayle vous pouvez marquer la réponse acceptée si cela a aidé. – abdoutelb

+1

Bien sûr, cliquez sur la coche verte droite? –

-1

Cette erreur implique que vous n'avez pas chargé angulaire.

Remplacer

<script src = 'angular/angular.js'></script> 

avec ceci:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.5/angular.min.js"></script> 

Voir si cela fonctionne.

+0

qui a fait les remerciements trick pour l'aide :) –