Question

当我尝试从localhost8000加载index.html页面时收到以下错误。在main.js页面的第2行没有定义未捕获的错误角度。

的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

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

<!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>

测试你的代码

Answer 2

该错误实现了您没有加载角度。

替换

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

用这个：

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

看看它是否有效。

未定义未捕获的错误角度

2 个答案: