javascript - 在 angularJS 应用程序中重新加载页面会导致缺少依赖项错误

Question

我有一个使用 ui.bootstrap 指令的 angularJS 应用程序。 ui.bootstrap 模块包含在索引中，如下所示:

<!-- JQuery first -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

    <!-- Then bootstrap it -->
    <script src="/lib/js/tinymce/tinymce.min.js"> </script>
    <script src="/bootstrap/js/bootstrap.min.js"></script>

    <!-- Then let AngularJS take the wheel -->
    <script src="/angular/angular.js"></script>
    <!-- add dependencies -->
    <script type="application/javascript" src="lib/angular-bootstrap/ui-bootstrap.js"></script>
    <script type="application/javascript" src="lib/angular-bootstrap/ui-bootstrap-tpls.js"></script>
    <script type="text/javascript" src="/lib/angular-ui-tinymce/src/tinymce.js"></script>
    <script src="/lib/angular-route.min.js"></script>

    <!-- App client -->
    <script src="/app.js"></script>

    <!--Controllers-->

当我正常点击网站时，这是有效的，但是当点击浏览器的重新加载按钮时，我收到以下错误:

Uncaught Error: [$injector:modulerr] Failed to instantiate module reviewModule due to:
Error: [$injector:modulerr] Failed to instantiate module ui.bootstrap due to:
Error: [$injector:nomod] Module 'ui.bootstrap' 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.15/$injector/nomod?p0=ui.bootstrap

这只是 Angular 的一个怪癖吗？我以前在重新加载时也遇到过这样的问题。有没有办法阻止重新加载事件的默认操作并使用routeProvider手动处理它们？

Answer 1

请注意，src="lib/angular-bootstrap/ui-bootstrap.js" 不以斜杠开头。这会导致从当前目录而不是根目录引用脚本。更改所有脚本标签以包含初始斜杠，如下所示:src="/lib/angular-bootstrap/ui-bootstrap.js" 通过引用应用程序根目录中的脚本路径来修复问题。