"Uncaught Error: [$injector:nomod]" | AngularJS: crie webapps poderosas

Olá,

Fiz o primeiro exercício do curso, mas no console do Chrome, acusa o erro mencionado no título. Não acredito ser erro de digitação ou arquivos em diretórios errados. Abaixo estão o conteúdo do HTML, mais os conteúdos dos dois arquivos JS:

<!DOCTYPE html>
<html lang="pt-br" ng-app='alurapic'>
    <head>
        <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">
        <script src='js/lib/angular.min.js' type="text/javascript"></script>
        <script src='js/lib/main.js' type="text/javascript"></script>
        <script src='js/controllers/fotos-controller.js' type="text/javascript"></script>
    </head>
    <body ng-controller='FotosController'>
        <div class="container">
            <h1 class="text-center">Alurapic</h1>
            <img src="{{foto.url}}" alt="{{foto.titulo}}" class='img-responsive center-block'>
        </div> <!-- fim container -->        
    </body>
</html>

// main.js

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

// fotos-controller.js

angular.module('alurapic').controller('FotosController', function($scope){
    $scope.foto = {
        url: 'http://www.fundosanimais.com/Minis/leoes.jpg',
        titulo: 'Leão'
    }
});

Agradeço desde já.