當我使用打字稿時，我得到「Uncaught ReferenceError：angular is not defined」

我剛剛從視頻教程中學習了angularjs的打字稿。當我嘗試將角度模塊放在我的「app.ts」文件中，該文件默認是後端的主文件。這裏是我的app.js代碼：當我使用打字稿時，我得到「Uncaught ReferenceError：angular is not defined」

/// <reference path="Scripts/typings/jquery/jquery.d.ts" /> 
/// <reference path="Scripts/typings/angularjs/angular.d.ts" /> 



console.log("This is a TS file"); 


angular.module('classProjectApp', ['ngRoute']) 
    .config(function ($routeProvider) { 
     console.log("in Config()"); 
    });

我在index.html文件出外添加angularjs文件：

<html lang="en"> 
<head> 
    <meta charset="utf-8" /> 
    <title>TypeScript HTML App</title> 
    <link rel="stylesheet" href="app.css" type="text/css" /> 
    <script src="app.js"></script> 
    <script src="Scripts/angular.js"></script> 
    <script src="Scripts/angular-route.min.js"></script> 
</head> 
<body> 
    <h1>TypeScript HTML App</h1> 

    <div id="content"></div> 
</body> 
</html>

儘管這樣，我得到一個錯誤

Uncaught ReferenceError: angular is not defined

雖然視頻教程中的相同示例正常工作。

P.S.當在index.html文件中爲角度添加引用時，我必須在視頻教程示例中使用「angular.js」引用相對路徑（Scripts /.../.../angle.js）。

謝謝。

來源

2017-05-31 Mighty God Loki

''爲angularjs' script'標籤應該先走了。 – Pengyy

''shoud go below –

你想做什麼？ Angular 1還是Angular 2？爲什麼.ts文件進入圖片？ –

你應該移動angularjs參考頂部
app.js應該去以下。
您還應該在html標籤上定義ng-app="classProjectApp"。

試試這個下面的代碼，而不是你的代碼的

<html ng-app="classProjectApp" lang="en"> 
<head> 
    <meta charset="utf-8" /> 
    <title>TypeScript HTML App</title> 
    <link rel="stylesheet" href="app.css" type="text/css" /> 
    <script src="Scripts/angular.js"></script> 
    <script src="Scripts/angular-route.min.js"></script> 
    <script src="app.js"></script> 

</head> 
<body> 
    <h1>TypeScript HTML App</h1> 

    <div id="content"></div> 
</body> 
</html>

來源

2017-05-31 08:43:29

嘿謝謝你的回覆。我試過這個，但很遺憾我還是得到了同樣的錯誤。還有，我收到另一個錯誤，因爲未捕獲的ReferenceError：未定義角度 at app.js：4 angular.js：4920未捕獲的錯誤：[$ injector：modulerr]由於以下原因而無法實例化模塊classProjectApp：錯誤：[$ injector： nomod]模塊'classProjectApp'不可用！您拼錯了模塊名稱或忘記加載模塊名稱。如果註冊模塊確保您指定依賴關係作爲第二個參數。 –

嘿謝謝你的迴應。我試過這個，但很遺憾我還是得到了同樣的錯誤。還有，我收到另一個錯誤，因爲未捕獲的ReferenceError：未定義角度 at app.js：4 angular.js：4920未捕獲的錯誤：[$ injector：modulerr]由於以下原因而無法實例化模塊classProjectApp：錯誤：[$ injector： nomod]模塊'classProjectApp'不可用！您拼錯了模塊名稱或忘記加載模塊名稱。如果註冊模塊確保您指定依賴關係作爲第二個參數。 –

你也應該在html標籤中定義ng-app =「classProjectApp」@MightyGodLoki –

當我使用打字稿時，我得到「Uncaught ReferenceError：angular is not defined」

回答

相關問題