angularjs
  • mean-stack
  • 2017-07-24 179 views 0 likes 
    0

    当我尝试从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 
        }); 
    }); 
    

    是否有错字的地方在我的代码,我没有看到。我仍然参加在线编码训练营学习编码,所以任何提示将不胜感激:)

    回答

    0

    尽量保证角库加载正确的代码似乎要被罚款

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

    对代码进行测试

    +0

    那这样做做的伎俩感谢帮助:) –

    +0

    @DanielMayle你可以标记接受的答案,如果它帮助。 – abdoutelb

    +1

    确定点击绿色复选标记吧? –

    -1

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

    更换

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

    与此:

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

    看看它是否工作。

    +0

    的伎俩感谢您的帮助:) –

    相关问题