AngularJS 벽을 맞았습니다.

AngularJS 백업을 선택하려고합니다. AngularJS와 RequireJS의 이전 버전이있는 사이트를 만들었지 만이 문제가 발생하지 않았습니다. 검색하고 검색했지만 아직 작동하지 않아서 손을 뻗었습니다. RequireJS 2.1.15와 AngularJS 1.3.11을 사용하려고합니다. 여기 AngularJS 벽을 맞았습니다.

Uncaught Error: [$injector:modulerr] Failed to instantiate module rehyveApp due to: 
Error: [$injector:modulerr] Failed to instantiate module ngRoute due to: 
Error: [$injector:nomod] Module 'ngRoute' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument. 
http://errors.angularjs.org/1.3.11/$injector/nomod?p0=ngRoute 
at http://127.0.0.1:64216/js/lib/angular.js:63:12 
at http://127.0.0.1:64216/js/lib/angular.js:1764:17 
at ensure (http://127.0.0.1:64216/js/lib/angular.js:1688:38) 
at module (http://127.0.0.1:64216/js/lib/angular.js:1762:14) 
at http://127.0.0.1:64216/js/lib/angular.js:4094:22 
at forEach (http://127.0.0.1:64216/js/lib/angular.js:323:20) 
at loadModules (http://127.0.0.1:64216/js/lib/angular.js:4078:5) 
at http://127.0.0.1:64216/js/lib/angular.js:4095:40 
at forEach (http://127.0.0.1:64216/js/lib/angular.js:323:20) 
at loadModules (http://127.0.0.1:64216/js/lib/angular.js:4078:5) 
http://errors.angularjs.org/1.3.11/$injector/modulerr?p0=ngRoute&p1=Error%3…dules%20(http%3A%2F%2F127.0.0.1%3A64216%2Fjs%2Flib%2Fangular.js%3A4078%3A5) 
at http://127.0.0.1:64216/js/lib/angular.js:63:12 
at http://127.0.0.1:64216/js/lib/angular.js:4117:15 
at forEach (http://127.0.0.1:64216/js/lib/angular.js:323:20) 
at loadModules (http://127.0.0.1:64216/js/lib/angular.js:4078:5) 
at http://127.0.0.1:64216/js/lib/angular.js:4095:40 
at forEach (http://127.0.0.1:64216/js/lib/angular.js:323:20) 
at loadModules (http://127.0.0.1:64216/js/lib/angular.js:4078:5) 
at createInjector (http://127.0.0.1:64216/js/lib/angular.js:4004:11) 
at doBootstrap (http://127.0.0.1:64216/js/lib/angular.js:1446:20) 
at Object.bootstrap (http://127.0.0.1:64216/js/lib/angular.js:1467:12) 
http://errors.angularjs.org/1.3.11/$injector/modulerr?p0=rehyveApp&p1=Error…trap%20(http%3A%2F%2F127.0.0.1%3A64216%2Fjs%2Flib%2Fangular.js%3A1467%3A12)

내 index.html을이다 : 여기

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title></title> 

    <link rel="stylesheet" href="css/bootstrap.css"> 
    <link rel="stylesheet" href="css/bootstrap-theme.css"> 
</head> 

<body> 
    <div class="container"> 
     <a href="#/main">Load Main View</a> 
    </div> 

    <div class="container"> 
     <ng-view></ng-view> 
    </div> 

    <script src="js/require.js" data-main="js/main.js"></script> 
</body> 
</html>

내 main.js : 여기

require.config({ 
paths: { 
    base: "/js", 
    lib: "/js/lib" 
}, 
shim: { 
    'lib/bootstrap': { 
     deps: ['lib/jquery'] 
    }, 
    'lib/angular': { 
     deps: ['lib/jquery'] 
    }, 
    'lib/angular-route': { 
     deps: ['lib/angular'] 
    }, 
    'lib/angular-resource': { 
     deps: ['lib/angular'] 
    }, 
    'lib/ui-bootstrap': { 
     deps: ['lib/angular'] 
    }, 
    'base/app': { 
     deps: ['lib/angular', 'lib/angular-route'] 
    }, 
    'base/controllers/mainController': { 
     deps: ['base/app'] 
    } 
    } 
}); 

define(['lib/jquery', 'lib/angular', 'lib/angular-route', 'lib/angular-resource', 'lib/ui-bootstrap', 'base/app', 'base/controllers/mainController'], function() { 
angular.element(document).ready(function() { 
    angular.module('rehyveApp', ['ngRoute']); 
    angular.bootstrap(document, ['rehyveApp']); 
    }); 
});

내 메인 페이지를로드하려고 할 때 나는 다음을 얻고있다 내 앱입니다 .js :

'use strict'; 

define(['lib/angular'], function() { 
var rehyveApp = angular.module('rehyveApp', ['ngRoute']) 
    .config(function ($routeProvider) { 

     $routeProvider.when('/main', 
      { 
       templateUrl: 'templates/main.html', 
       controller: 'mainController' 
      }); 

     $routeProvider.otherwise({redirectTo: 'main'}); 


    }); 
return rehyveApp; 
});

mainController.js :

'use strict';

define(['base/app'], function (rehyveApp) { 
var rehyveApp = angular.module('rehyveApp',[]); 
rehyveApp.controller('mainController', ['$scope', function ($scope) { 

    $scope.testdata = { 
     name: 'mainController working' 
    } 
}]); 
});

모든 도움을 주시면 감사하겠습니다. 미리 감사드립니다.

출처

2015-02-04 Vessaredan

define에 'lib/angular-route'을 잊어 버렸습니다. app.js에 있습니다. ngRoute을 (를) 가져오고 있지만 가져 오지 않았는지 확인하십시오.

define(['lib/angular','lib/angular-route'], function() {

출처

2015-02-04 15:14:59 levi

정말 고맙습니다.하지만 수입을 추가 한 후에도 여전히 같은 오류가 발생합니다. – Vessaredan

@Vessaredan 캐시를 지우고 동일한 오류가 발생합니까? '모듈 'ngRoute'을 사용할 수 없습니다! ' – levi

그래, 나는 다른 브라우저를 사용하기까지하고 나는 여전히 같은 오류를 얻는다. – Vessaredan

그래서 그것이 각도-route.js LIB의 1.3.11 버전에 문제라고 밝혀, 그들은 단지 1.3.12을 발표하고 그에 복사 한 후, 모든 것이 지금 노력하고 있습니다. 이 문제를 조사해 주셔서 감사합니다.

출처

2015-02-04 16:45:16 Vessaredan

AngularJS 벽을 맞았습니다.

답변

관련 문제