Currently, I am encountering a peculiar issue with my angularjs project.
On my website - www.server.com/pwm (home page), there is an anchor tag that redirects me to another page - www.server.com/publishers. When I navigate from the home page to the publishers page by clicking the anchor tag, everything functions properly. However, when I directly enter the URL in the browser (e.g., loading www.server.com/pwm and then typing "/publishers" at the end of the URL), I encounter the following exceptions:
[$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.2.18/$injector/nomod?p0=ui.bootstrap"
The perplexing aspect is that all necessary libraries have been included, and everything works seamlessly when navigating through the webpage. The issue arises only when attempting to directly access a child page. I am using ngRoute and templates to load the page.
var pubsApp = angular.module('pubsApp', ['ngResource', 'ngRoute', 'ui.bootstrap'])
Here are my script files:
<script src="/Scripts/jquery-1.9.1.js" type="text/javascript"></script>
<script src="/Scripts/angular.js" type="text/javascript"></script>
<script src="/Scripts/angular-route.js" type="text/javascript"></script>
<script src="/Scripts/angular-sanitize.js" type="text/javascript"></script>
<script src="/Scripts/angular-resource.js" type="text/javascript"></script>
<script src="/Scripts/bootstrap.js" type="text/javascript"></script>
<script src="Scripts/angular-ui/ui-bootstrap.min.js" type="text/javascript"></script>
<script src="Scripts/angular-ui/ui-bootstrap-tpls.min.js" type="text/javascript"></script>
<script src="/js/app.js" type="text/javascript"></script>