Solucionado (ver solução)
Solucionado
(ver solução)
7
respostas

Problemas ao declarar ngAnimate no main.js

olá,

fiz todos as alterações no mundo hmtl sem problemas. Mas ao declarar o ngAnimate no main.js (conforme abaixo)

angular.module('alurapic', ['minhasDiretivas', 'ngAnimate']);

a aplicação passou a ter o seguinte erro no console:

angular.min.js:6 Uncaught Error: [$injector:unpr] http://errors.angularjs.org/1.6.1/$injector/unpr?p0=%24%24asyncCallbackProvider%20%3C-%20%24%24asyncCallback%20%3C-%20%24animate%20%3C-%20%24compile

7 respostas

Bom dia, Luis! Tudo certo? =)

Esse erro [$injector:unpr] ocorre quando você tentou injetar uma dependência, mas, por algum motivo, o Angular não conseguiu fazê-lo.

Um possível motivo é o fato de que você pode ter escrito a criação do módulo duas vezes, algo assim:

angular.module("alurapic", ["minhasDiretivas"]);

angular.module("alurapic", ["minhasDiretivas", "ngAnimate"]);

Dá uma olhadinha se você não escreveu esse angular.module duas vezes com os colchetes...

Uma outra coisa... Verifica a ordem que você importou os scripts, também... angular.min.js e todas as libs devem ser importadas antes do main.js e qualquer outro arquivo que nós criamos. =)

Espero ter ajudado!

Abraço e bons estudos,

Fábio

Luis, você importou o script do módulo ngAnimate em index.html? Dá uma conferida lá.

Aguardamos seu retorno.

Então pessoal,

aparentemente as importações no index.html estão corretas:

    <head>
        <base href="/">
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <title>Alurapic</title>
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/bootstrap-theme.min.css">
        <link rel="stylesheet" href="css/efeitos.css">
        <script src="js/lib/angular.min.js"></script>
        <script src="js/lib/angular-animate.min.js"></script>
        <script src="js/lib/angular-route.min.js"></script>
        <script src="js/main.js"></script>
        <script src="js/controllers/fotos-controller.js"></script>
        <script src="js/controllers/fotos-controller.js"></script>
        <script src="js/directives/minhas-diretivas.js"></script>
    </head>
solução!

Você atualizou a lib do curso? Se fez isso peço que volte com a versão antiga e só migre no final. A versão 1.6.x tem muito bug e podemos perder horas achando que é problema no seu código quando na verdade pode ser bug da lib.

Funcionou Flavio ! :)

fiz novo download dos arquivos do projeto e substitui a pasta lib.

Obrigado.

Então , consolida seu conhecimento e no final migre. Assim vc saberá se é bug lib ou se tem que adequar se código.

Sucesso e bom estudo.