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

我有一个angularJS应用程序，它使用ui.bootstrap指令。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-->

---

这只是一个角度的怪癖吗？我以前在重新加载时遇到过类似的问题。是否有办法防止重新加载事件的默认操作，并使用routeProvider手动处理它们

这可能是某种竞赛条件的结果。您的app.js脚本加载速度比其他脚本快，因此会出现错误。

---

尝试在head和你的app.js的body中加载依赖项

注意

src=“lib/angular bootstrap/ui bootstrap.js”

不是以斜杠开头的。这将导致从当前目录而不是根目录引用脚本。将所有脚本标记更改为包含初始斜杠，如下所示：

src=“/lib/angular bootstrap/ui bootstrap.js”

通过从应用程序根目录引用脚本路径来修复问题。

似乎是一个好建议，但这不起作用。也许我应该在index.html中添加一个setTimeout？这似乎是一个可怕的解决方案，但它可能会起作用。请注意：UI引导程序正常工作不需要依赖jQuery或引导程序的JavaScript。唯一的两个要求是Bootstrap的CSS和AngularJS。好的，我将删除Bootstrap的JS文件，尽管tinyMCEditor确实需要jQuery。好的调用，这对我来说是错误的，假设你总是启动一个angular应用程序根目录，但一旦你添加html5模式导航、推送状态，初始页面可能会有任何深度，需要所有参考资料以/bases开始很高兴我能帮助你！

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