3

HTML では、app.js の前に oclazyload をロードしています -

<!-- inject:js -->
        <script src="/packages/libs/jquery/dist/jquery.js"></script>
        <script src="/packages/libs/angular/angular.js"></script>
        <script src="/packages/libs/oclazyload/dist/ocLazyLoad.js"></script>
        <script src="/packages/libs/angular-ui-router/release/angular-ui-router.js"></script>
        <!-- endinject -->

        <script src="app/app.js" ></script>
        <script src="app/common/app.config.js" charset="utf-8"></script>

私の app.js -

(function () {
    angular.module('app', ['ui.router', 'oc.lazyload']);

    angular.element(document).ready(function () {
        angular.bootstrap(document, ["app"]);
    });
})();

しかし、何らかの理由でoc.lazyloadモジュールがまったくロードされません。何が問題なのですか?何か不足していますか?

Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to:
Error: [$injector:modulerr] Failed to instantiate module oc.lazyload due to:
Error: [$injector:nomod] Module 'oc.lazyload' 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.
4

3 に答える 3

6

タイプミスがあります。モジュール名はキャメルケースです。変化する

'oc.lazyload'

'oc.lazyLoad' //'L' capitalized
于 2015-11-29T08:27:38.267 に答える
1

oc lazyload の依存関係は、oc.lazyLoad代わりに追加する必要があります。oc.lazyload

app.js

(function () {
    angular.module('app', ['ui.router', 'oc.lazyLoad']);

    angular.element(document).ready(function () {
        angular.bootstrap(document, ["app"]);
    });
})();

参照

于 2015-11-29T08:28:42.357 に答える