我使用 AngularJS 的 js 文件有问题：“未捕获的错误：[$injector:modulerr]”

Question

我正在构建 AngularJS，这个家伙使用的版本是 1.0.8，我使用的是 1.7.8 angular 并且想要更新它。有人可以帮我吗？

文件：index.html

<!doctype html>
<html ng-app="pessoas">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Pessoas</title>
</head>

<body>

<div ng-controller="CtrlPessoas">
    <h1>Sistemas de gerenciamento de pessoas</h1>

    <ng-view></ng-view>

</div>

</body>

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

</html>

文件：listar.html

<h2>Listagem de Pessoas</h2>

<ul>
    <li ng-repeat="pessoa in pessoas">
        {{pessoa.nome}}, {{pessoa.cidade}}
    </li>
</ul>

文件：pessoas.js

angular
    .module('pessoas', [])

    .config(function ($routeProvider) {
        $routeProvider
            .when('/', {
                templateUrl: 'listar.html'
        });
    })

    .controller('CtrlPessoas', function ($scope) {
        $scope.pessoas = [
            {nome: "Maria", cidade: "São Paulo"},
            {nome: "Jose", cidade: " Cacem"},
            {nome: "Dave", cidade: "Sintra"},
            {nome: "Juan", cidade: "Mexico"}
        ];
    });

Answer 1

您缺少 ngRoute 模块：

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


angular.module('pessoas', ['ngRoute'])