1

galera estou com problemas pois estou estudando rotas em angular e me deparei com os sequintes erros no console

Uncaught ReferenceError: angular is not defined
at app.js:1

e tambem este

Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.4.8/$injector/modulerr?p0=app&p1=Error%3A%20%5B%24injector%3Anomod%5D%20http%3A%2F%2Ferrors.angularjs.org%2F1.4.8%2F%24injector%2Fnomod%3Fp0%3Dapp%0A%20%20%20%20at%20http%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.4.8%2Fangular.min.js%3A6%3A416%0A%20%20%20%20at%20http%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.4.8%2Fangular.min.js%3A24%3A186%0A%20%20%20%20at%20b%20(http%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.4.8%2Fangular.min.js%3A23%3A251)%0A%20%20%20%20at%20http%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.4.8%2Fangular.min.js%3A23%3A494%0A%20%20%20%20at%20http%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.4.8%2Fangular.min.js%3A38%3A117%0A%20%20%20%20at%20n%20(http%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.4.8%2Fangular.min.js%3A7%3A333)%0A%20%20%20%20at%20g%20(http%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.4.8%2Fangular.min.js%3A37%3A488)%0A%20%20%20%20at%20eb%20(http%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.4.8%2Fangular.min.js%3A41%3A249)%0A%20%20%20%20at%20c%20(http%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.4.8%2Fangular.min.js%3A19%3A463)%0A%20%20%20%20at%20yc%20(http%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.4.8%2Fangular.min.js%3A20%3A274)
at angular.js:38
at angular.js:4458
at n (angular.js:340)
at g (angular.js:4419)
at eb (angular.js:4344)
at c (angular.js:1676)
at yc (angular.js:1697)
at Zd (angular.js:1591)
at angular.js:29013
at HTMLDocument.b (angular.js:3057)

eis meu index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>
</head>
<script type="text/javascript" src="app.js"></script>
<script src="node_modules/angular/angular.js"></script>
<script src="node_modules/angular-route/angular-route.js"></script>

<body ng-app="app">
    <h1>Este e um exemplo de single page</h1>
    <a href="#/">Home</a>
    <a href="#/sobre">Sobre</a>

    <div ng-view></div>

</body>
</html>

e aqui o app.js

var app = angular.module('app', ['ngRoute']);
app.route(function($routeprovider){
    $routeprovider
        .when("/", {
            templateUrl : "templates/home.html"
        })
        .when("/about", {
            templateUrl : "templates/sobre.html"
        });

});

Já vi os posts anteriores não resolveu nada estou usando o angular e angular-route ambos sao 1.6 usando o NPM para as dependências se alguém puder me ajudar agradeço.

1
  • Você tem certeza que a versão é 1.6 ? Porque no log de erro está 1.4.8 ... Basta acessar a URL que se encontra na primeira linha Uncaught Error: [$injector:modulerr] http://errors.angularjs.org
    – NoobSaibot
    Commented 2/12/2017 às 6:31

1 Resposta 1

0

Recriei esse exemplo no plnkr e fiz algumas modificações que funcionaram:

1 - use app.config() ao invés de app.route(),

2 - use $routeProvider ao invés de $routeprovider (repare no "P" maiúsculo)

Utilizei a versão 1.6 do angular para esse teste que você pode conferir neste plunk

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .