Javascript 使用Angular.js加载我的页面时出错

我在使用Angular.js加载页面时遇到以下错误

错误：

angularjslatest.js:7 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.6.5/$injector/modulerr?p0=bookingjini&p1=Error%3A%20%5B%24injector%3Amodulerr%5D%20http%3A%2F%2Ferrors.angularjs.org%2F1.6.5%2F%24injector%2Fmodulerr%3Fp0%3D720kb.datepicker%26p1%3DError%253A%2520%255B%2524injector%253Anomod%255D%2520http%253A%252F%252Ferrors.angularjs.org%252F1.6.5%252F%2524injector%252Fnomod%253Fp0%253D720kb.datepicker%250A%2520%2520%2520%2520at%2520http%253A%252F%252F10.25.25.100%252Fbookingjini%252Fjs%252Fangular%252Fangularjslatest.js%253A7%253A76%250A%2520%2520%2520%2520at%2520http%253A%252F%252F10.25.25.100%252Fbookingjini%252Fjs%252Fangular%252Fangularjslatest.js%253A26%253A408%250A%2520%2520%2520%2520at%2520b%2520(http%253A%252F%252F10.25.25.100%252Fbookingjini%252Fjs%252Fangular%252Fangularjslatest.js%253A25%253A439)%250A%2520%2520%2520%2520at%2520http%253A%252F%252F10.25.25.100%252Fbookingjini%252Fjs%252Fangular%252Fangularjslatest.js%253A26%253A182%250A%2520%2520%2520%2520at%2520http%253A%252F%252F10.25.25.100%252Fbookingjini%252Fjs%252Fangular%252Fangularjslatest.js%253A42%253A290%250A%2520%2520%2520%2520at%2520p%2520(http%253A%252F%252F10.25.25.100%252Fbookingjini%252Fjs%252Fangular%252Fangularjslatest.js%253A8%253A7)%250A%2520%2520%2520%2520at%2520g%2520(http%253A%252F%252F10.25.25.100%252Fbookingjini%252Fjs%252Fangular%252Fangularjslatest.js%253A42%253A138)%250A%2520%2520%2520%2520at%2520http%253A%252F%252F10.25.25.100%252Fbookingjini%252Fjs%252Fangular%252Fangularjslatest.js%253A42%253A322%250A%2520%2520%2520%2520at%2520p%2520(http%253A%252F%252F10.25.25.100%252Fbookingjini%252Fjs%252Fangular%252Fangularjslatest.js%253A8%253A7)%250A%2520%2520%2520%2520at%2520g%2520(http%253A%252F%252F10.25.25.100%252Fbookingjini%252Fjs%252Fangular%252Fangularjslatest.js%253A42%253A138)%0A%20%20%20%20at%20http%3A%2F%2F10.25.25.100%2Fbookingjini%2Fjs%2Fangular%2Fangularjslatest.js%3A7%3A76%0A%20%20%20%20at%20http%3A%2F%2F10.25.25.100%2Fbookingjini%2Fjs%2Fangular%2Fangularjslatest.js%3A43%3A70%0A%20%20%20%20at%20p%20(http%3A%2F%2F10.25.25.100%2Fbookingjini%2Fjs%2Fangular%2Fangularjslatest.js%3A8%3A7)%0A%20%20%20%20at%20g%20(http%3A%2F%2F10.25.25.100%2Fbookingjini%2Fjs%2Fangular%2Fangularjslatest.js%3A42%3A138)%0A%20%20%20%20at%20http%3A%2F%2F10.25.25.100%2Fbookingjini%2Fjs%2Fangular%2Fangularjslatest.js%3A42%3A322%0A%20%20%20%20at%20p%20(http%3A%2F%2F10.25.25.100%2Fbookingjini%2Fjs%2Fangular%2Fangularjslatest.js%3A8%3A7)%0A%20%20%20%20at%20g%20(http%3A%2F%2F10.25.25.100%2Fbookingjini%2Fjs%2Fangular%2Fangularjslatest.js%3A42%3A138)%0A%20%20%20%20at%20gb%20(http%3A%2F%2F10.25.25.100%2Fbookingjini%2Fjs%2Fangular%2Fangularjslatest.js%3A46%3A251)%0A%20%20%20%20at%20c%20(http%3A%2F%2F10.25.25.100%2Fbookingjini%2Fjs%2Fangular%2Fangularjslatest.js%3A22%3A19)%0A%20%20%20%20at%20Uc%20(http%3A%2F%2F10.25.25.100%2Fbookingjini%2Fjs%2Fangular%2Fangularjslatest.js%3A22%3A332)
    at angularjslatest.js:7
    at angularjslatest.js:43
    at p (angularjslatest.js:8)
    at g (angularjslatest.js:42)
    at gb (angularjslatest.js:46)
    at c (angularjslatest.js:22)
    at Uc (angularjslatest.js:22)
    at xe (angularjslatest.js:21)
    at HTMLDocument.<anonymous> (angularjslatest.js:333)
    at j (jquery-1.11.0.min.js:2)

---

这里我使用的是angular版本

1.6.x

和angular

ui路由器

version

@version v1.0.3

。当我运行索引页时，出现上述错误。

您应该执行以下代码

var Admin=angular.module('bookingjini',['ui.router', 'ngMessages','ngCapsLock','ui.bootstrap','ngFileUpload','angularUtils.directives.dirPagination','angular.chosen']);
Admin.run(function($rootScope, $state) {
    $rootScope.$state = $state;
});
Admin.config(function($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise('/');
    $stateProvider
    .state('/',{
        url: '/',
        templateUrl: 'view/home.html',
        controller: 'homeController'
    })

})

---

从以前的代码中删除

'720kb.datepicker'

。

这是在开发模式下还是在打包应用程序进行生产时发生的？不，它处于开发模式。我认为您应该先加载子模块，然后加载主模块（

bookingjini

），它位于

route.js

中。因此，交换脚本的顺序，使

route.js

处于井底，这显然是一个依赖注入问题（如果这个术语对您来说是新术语，）。@AlekseySolovey提到的可能就是问题所在。

var Admin=angular.module('bookingjini',['ui.router', '720kb.datepicker','ngMessages','ngCapsLock','ui.bootstrap','ngFileUpload','angularUtils.directives.dirPagination','angular.chosen']);
Admin.run(function($rootScope, $state) {
    $rootScope.$state = $state;
});
Admin.config(function($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise('/');
    $stateProvider
    .state('/',{
        url: '/',
        templateUrl: 'view/home.html',
        controller: 'homeController'
    })

})

var Admin=angular.module('bookingjini',['ui.router', 'ngMessages','ngCapsLock','ui.bootstrap','ngFileUpload','angularUtils.directives.dirPagination','angular.chosen']);
Admin.run(function($rootScope, $state) {
    $rootScope.$state = $state;
});
Admin.config(function($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise('/');
    $stateProvider
    .state('/',{
        url: '/',
        templateUrl: 'view/home.html',
        controller: 'homeController'
    })

})