未捕获的错误 angular 未定义

Question

当我尝试从 localhost8000 加载我的 index.html 页面时出现以下错误。 main.js 页的第 2 行未定义未捕获的错误 angular。

Index.html:

    <!DOCTYPE html>
<html lang='en' ng-app='App'>
    <head>
        <meta charset="utf-8">
        <script src = 'angular/angular.js'></script>
        <script src = 'angular-route/angular-route.js'></script>
        <script src = 'js/main.js'></script>
        <title></title>
    </head>
    <body>
        <ng-view></ng-view> <!-- Allows loading of partials-->
    </body>
</html>

Main.js page:

// Will handle our ng-routes
var app = angular.module('App', ['ngRoute'])

// Configure the partials
app.config(function($routeProvider) {
    $routeProvider.when('/', {
        templateUrl: '/partials/_ninjas.html', // Allows us to move around and see all the ninjas
    });
});

我的代码中是否存在我没有看到的拼写错误。我仍在参加在线编码训练营来学习编码，所以任何提示将不胜感激:)

Answer 1

该错误表明您没有加载 angular。

替换

<script src = 'angular/angular.js'></script>

有了这个：

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

看看是否有效。

Answer 2

尝试确保 angular 库正确加载代码似乎没问题

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="utf-8" />
    <title></title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular-route.js"></script>
    <script src="main.js"></script>
  </head>

  <body ng-app="App">
    <ng-view></ng-view>
    <!-- Allows loading of partials-->
    <script>
  var app = angular.module('App', ['ngRoute'])

// Configure the partials
app.config(function($routeProvider) {
    $routeProvider.when('/', {
        template: '<div>Hello</div>', // Allows us to move around and see all the ninjas
    });
});
    </script>
  </body>

</html>

测试你的代码

未捕获的错误 angular 未定义

Uncaught error angular is not defined

angularjs

mean-stack