如何糾正AngularJS 1.3.5模塊加載錯誤？

我有一個簡單的html頁面與angularJS。這裏是我的html頁面代碼：如何糾正AngularJS 1.3.5模塊加載錯誤？

<!DOCTYPE html> 
<html ng-app="MyApp"> 
<head> 
    <base href="/"> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>ShowTrackr</title> 
    <link rel="icon" type="image/png" href="favicon.png"/> 
    <link href="stylesheets/style.css" rel="stylesheet"> 
</head> 
<body> 
<!-- Nav Bar --> 
<div class="navbar navbar-default navbar-static-top" 
    role="navigation" bs-navbar> 
    <div class="navbar-header"> 
    <a class="navbar-brand" href="/"> 
     <span class="glyphicon glyphicon-film"></span> 
     Show<strong>Trackr</strong></a> 
    </div> 
    <ul class="nav navbar-nav"> 
    <li data-match-route="/$"><a href="/">Home</a></li> 
    <li data-match-route="/add"><a href="/add">Add</a></li> 
    </ul> 
    <ul class="nav navbar-nav pull-right" ng-if="!currentUser"> 
    <li data-match-route="/login"><a href="/login">Login</a></li> 
    <li data-match-route="/signup"><a href="/signup">Sign up</a></li> 
    </ul> 
    <ul class="nav navbar-nav pull-right" ng-if="currentUser"> 
    <li class="navbar-text" ng-bind="currentUser.email"></li> 
    <li><a href="javascript:void(0)" ng-click="logout()">Logout</a></li> 
    </ul> 
</div> 
<div ng-view></div> 

<script src="vendor/angular.js"></script> 
<script src="vendor/angular-strap.js"></script> 
<script src="vendor/angular-strap.tpl.js"></script> 
<script src="vendor/angular-messages.js"></script> 
<script src="vendor/angular-resource.js"></script> 
<script src="vendor/angular-route.js"></script> 
<script src="vendor/angular-cookies.js"></script> 
<script src="vendor/moment-with-locales.js"></script> 
<script src="app.js"></script> 
</body> 
</html>

我有一個app.js配置angularjs模塊，並加載一些角模塊：

angular.module('MyApp', ['ngCookies', 'ngResource', 'ngMessages', 'ngRoute', 'mgcrea.ngStrap']) 
    .config(function() { 

    });

，當我在瀏覽器中加載我的HTML文件，我有一個angularjs錯誤：

Uncaught Error: [$injector:modulerr] Failed to instantiate module MyApp due to: 
Error: [$injector:nomod] Module 'MyApp' 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.5/$injector/nomod?p0=MyApp 
    at http://localhost:3000/vendor/angular.js:63:12 
    at http://localhost:3000/vendor/angular.js:1747:17 
    at ensure (http://localhost:3000/vendor/angular.js:1671:38) 
    at module (http://localhost:3000/vendor/angular.js:1745:14) 
    at http://localhost:3000/vendor/angular.js:4050:22 
    at forEach (http://localhost:3000/vendor/angular.js:322:20) 
    at loadModules (http://localhost:3000/vendor/angular.js:4034:5) 
    at createInjector (http://localhost:3000/vendor/angular.js:3960:11) 
    at doBootstrap (http://localhost:3000/vendor/angular.js:1434:20) 
    at bootstrap (http://localhost:3000/vendor/angular.js:1455:12) 
http://errors.angularjs.org/1.3.5/$injector/modulerr?p0=MyApp&p1=Error%3A%2…otstrap%20(http%3A%2F%2Flocalhost%3A3000%2Fvendor%2Fangular.js%3A1455%3A12) 
    at http://localhost:3000/vendor/angular.js:63:12 
    at http://localhost:3000/vendor/angular.js:1747:17 
    at ensure (http://localhost:3000/vendor/angular.js:1671:38) 
    at module (http://localhost:3000/vendor/angular.js:1745:14) 
    at http://localhost:3000/vendor/angular.js:4050:22 
    at forEach (http://localhost:3000/vendor/angular.js:322:20) 
    at loadModules (http://localhost:3000/vendor/angular.js:4034:5) 
    at createInjector (http://localhost:3000/vendor/angular.js:3960:11) 
    at doBootstrap (http://localhost:3000/vendor/angular.js:1434:20) 
    at bootstrap (http://localhost:3000/vendor/angular.js:1455:12) 
http://errors.angularjs.org/1.3.5/$injector/modulerr?p0=MyApp&p1=Error%3A%2…otstrap%20(http%3A%2F%2Flocalhost%3A3000%2Fvendor%2Fangular.js%3A1455%3A12) 
    at http://localhost:3000/vendor/angular.js:63:12 
    at http://localhost:3000/vendor/angular.js:4073:15 
    at forEach (http://localhost:3000/vendor/angular.js:322:20) 
    at loadModules (http://localhost:3000/vendor/angular.js:4034:5) 
    at createInjector (http://localhost:3000/vendor/angular.js:3960:11) 
    at doBootstrap (http://localhost:3000/vendor/angular.js:1434:20) 
    at bootstrap (http://localhost:3000/vendor/angular.js:1455:12) 
    at angularInit (http://localhost:3000/vendor/angular.js:1349:5) 
    at http://localhost:3000/vendor/angular.js:25912:5 
    at HTMLDocument.trigger (http://localhost:3000/vendor/angular.js:2722:7) 
(anonymous) @ angular.js:63 
(anonymous) @ angular.js:4073 
forEach @ angular.js:322 
loadModules @ angular.js:4034 
createInjector @ angular.js:3960 
doBootstrap @ angular.js:1434 
bootstrap @ angular.js:1455 
angularInit @ angular.js:1349 
(anonymous) @ angular.js:25912 
trigger @ angular.js:2722 
eventHandler @ angular.js:2992

我使用angularjs 1.3.5版本。請問我在哪裏錯了？

來源

2017-02-18 Pracede

所有的引用都正確加載？ – Sajeetharan

沒有我的app.js沒有加載。我不明白，因爲它與index.html的水平相同。其他js庫正確加載 – Pracede

是的讓我們看看它的私人消息 – Pracede

確保您的app.js正在加載，如果沒有加載，嘗試清除緩存，

試圖保存所有字段，然後重新啓動服務器。它應該工作。

來源

2017-02-18 11:16:36 Sajeetharan

如何糾正AngularJS 1.3.5模塊加載錯誤？

回答

相關問題