Estou com problemas para dar continuidade no projeto. Quando implemento o main.js apresenta a mensagem de erro
Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.3.15/$injector/modulerr?p0=sitedecimo&p1=Type…d%20(http%3A%2F%2F172.16.7.253%3A8080%2Fjs%2Flib%2Fangular.min.js%3A17%3A1)Aqui a criação do meu módule main.js
angular.module('sitedecimo', ['ngRoute', 'ngResource'])
.config(function($routeProvider,$locationProvider){
$locationProvider.html5Mode(true);
$routeProvider.when('/principal', {
templateUrl: 'partials/principal.html',
controller: 'PrincipalController'
});
$locationProvider.otherwise({ redirectTo: '/principal'});
});Aqui onde crio a controller
angular.module('sitedecimo')
.controller('PrincipalController', ['$scope', function($scope) {
$scope.imagens = [
{
imagem : 'imgs/bgheader.png',
link: '/agendamento',
descricao : 'Agendamento'
},
{
imagem : 'imgs/bgheader.png',
link: '/chat',
descricao : 'Chat'
},
{
imagem : 'imgs/bgheader.png',
link: '/consultaprenotacao',
descricao : 'Consulta Título'
}
];
}]);Aqui onde monto o html, que vai substituir
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div ng-repeat="imagem in imagens" class="item active">
<img src="{{imagem.imagem}}" alt="{{imagem.descricao}}">
<div class="carousel-caption">
<a href="{{imagem.link}}" class="btn btn-primary"> {{imagem.descricao}} </a>
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>Esse é o index.html
<!DOCTYPE html>
<html lang="pt-br" ng-app="sitedecimo">
<head>
<base href="/">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title>Decimo Registro</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" href="css/Site.css" type="text/css" />
<link rel="stylesheet" href="css/Supernice.css" type="text/css" />
<script src="js/lib/modernizr-2.6.2.js"></script>
</head>
<body>
<header class="hidden-print">
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-12 col-lg-12 col-sm-12">
<a class="logo10risp text-center hidden-xs hidden-print" href="http://www.10risp.com.br" title="10 RISP"> <img class="img-responsive" src="imgs/logomarca_cores.jpg" /></a>
<a class="logo10risp hidden-lg hidden-md hidden-sm hidden-print" href="http://www.10risp.com.br" title="10 RISP"> <img class="img-responsive" src="imgs/logomarca_cores.jpg" /></a>
</div>
</div>
</div>
</header>
<div class="container visible-print-block">
<div class="row">
<div class="col-xs-4">
<a class="logo10risp text-center" href="#" title="10 RISP"> <img class="img-responsive" src="imgs/logomarca_cores.jpg" /></a>
</div>
</div>
</div>
<div class="navbar hidden-print div-colorida">
<div class="container navbar-default">
<div class="row div-colorida">
<div class="navbar-header">
<!--<div class="navbar-inverse">-->
<div class="navbar-default">
<button type="button" class="navbar-toggle" id="menu" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!--@Html.ActionLink("Consulta 10 RI", "Index", "Home", new { area = "" }, new { @class = "navbar-brand" })-->
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle hoverVerde cor-texto-branco" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Serviços<span class="caret"></span></a>
<ul class="dropdown-menu">
<li class="hoverVerde">
<a href="agendamento" class="cor-texto-branco">Agendamento</a>
</li>
<li class="hoverVerde">
<a href="chat" class="cor-texto-branco">Chat</a>
</li>
<li class="dropdown-submenu">
<a href="#" class="test hoverVerde cor-texto-branco" tabindex="-1" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Consultas<span class="caret"></span></a>
<ul class="dropdown-menu">
<li class="hoverVerde">
<a href="consultaprenotacao" class="cor-texto-branco">Título / Prenotação</a>
</li>
<li class="hoverVerde">
<a href="consultacertidao" class="cor-texto-branco">Certidão</a>
</li>
<li class="hoverVerde">
<a href="consultaexame" class="cor-texto-branco">Exame e Cálculo</a>
</li>
</ul>
</li>
<li class="hoverVerde">
<a href="requerimentos" class="cor-texto-branco">Requerimentos</a>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle hoverVerde cor-texto-branco" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Informações<span class="caret"></span></a>
<ul class="dropdown-menu">
<li class="hoverVerde">
<a href="areacompetencia" class="cor-texto-branco">Área de Competência</a>
</li>
<li class="hoverVerde">
<a href="custasemolumentos" class="cor-texto-branco">Custas e Emolumentos</a>
</li>
<li class="hoverVerde">
<a href="duvidasfrequentes" class="cor-texto-branco">Dúvidas Frequentes</a>
</li>
<li class="hoverVerde">
<a href="importancia" class="cor-texto-branco">Importância do Registro</a>
</li>
<li class="hoverVerde">
<a href="outroscartorios" class="cor-texto-branco">Outros Cartórios</a>
</li>
<li class="hoverVerde">
<a href="sitesinteresse" class="cor-texto-branco">Sites de Interesse</a>
</li>
</ul>
</li>
<li class="hoverVerde">
<a href="contato" class="cor-texto-branco">Contato</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<ng-view></ng-view>
<footer>
</footer>
<script src="js/lib/jquery-1.9.1.min.js"></script>
<script src="js/lib/bootstrap.min.js"></script>
<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/lib/angular-resource.min.js"></script>
<script src="js/main.js"></script>
<script src="js/controllers/principal-controller.js"></script>
<script src="js/funcoes.js"></script>
</body>
</html>
