ReferenceError：在WebStorm中未定義angular

Question

我是AngularJS的新手，我可能錯過了在WebStorm中啟動新的AngularJS項目的一些關鍵但不明顯的步驟。

我安裝了Node.JS，用npm安裝了Angular，我甚至安裝了涼亭，我甚至在涼亭中安裝了角度，但此時我不確定我缺少什么。

在Debug上，我收到以下消息：

c:\Users\YourUser\WebstormProjects\angularjs-template\app\app.js:6
angular.module('myApp', [
^
ReferenceError: angular is not defined
    at Object.<anonymous> (c:\Users\YourUser\WebstormProjects\angularjs-template\app\app.js:6:1)
    at Module._compile (module.js:456:26)
    at Object.Module._extensions..js (module.js:474:10)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:312:12)
    at Module.runMain [as _onTimeout] (module.js:497:10)
    at Timer.listOnTimeout [as ontimeout] (timers.js:112:15)

在運行中，我收到以下消息：

c:\Users\YourUser\WebstormProjects\angularjs-template\app\app.js:6
angular.module('myApp', [
^
ReferenceError: angular is not defined
    at Object.<anonymous> (c:\Users\YourUser\WebstormProjects\angularjs-template\app\app.js:6:1)
    at Module._compile (module.js:456:26)
    at Object.Module._extensions..js (module.js:474:10)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:312:12)
    at Function.Module.runMain (module.js:497:10)
    at startup (node.js:119:16)
    at node.js:906:3

App.js如下

'use strict';



// Declare app level module which depends on views, and components
angular.module('myApp', [
  'ngRoute',
  'myApp.view1',
  'myApp.view2',
  'myApp.version'
]).
config(['$routeProvider', function($routeProvider) {
  $routeProvider.otherwise({redirectTo: '/view1'});
}]);

是的，HTML中Angular的順序如下：

  <script src="bower_components/angular/angular.js"></script>
  <script src="bower_components/angular-route/angular-route.js"></script>
  <script src="app.js"></script>

這很有趣，因為我只是試圖運行使用WebStorm生成的基本模板。

運行配置有

 Node Interpreter: C:\Program Files\nodejs\node.exe
 Working directory: C:\Users\YourUser\WebstormProjects\angularjs-template
 JavaScript file: app\app.js
 After launch: http://localhost:63342/angularjs-template/app/index.html

不，不！ Angular未定義。

我究竟做錯了什么？

編輯：確切的輸出

"C:\Program Files (x86)\JetBrains\WebStorm 9.0.1\bin\runnerw.exe" "C:\Program Files\nodejs\node.exe" app\app.js

c:\Users\Zhuinden\WebstormProjects\angularjs-template\app\app.js:6
angular.module('myApp', [
^
ReferenceError: angular is not defined
    at Object.<anonymous> (c:\Users\Zhuinden\WebstormProjects\angularjs-template\app\app.js:6:1)
    at Module._compile (module.js:456:26)
    at Object.Module._extensions..js (module.js:474:10)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:312:12)
    at Function.Module.runMain (module.js:497:10)
    at startup (node.js:119:16)
    at node.js:906:3

Process finished with exit code 8

Answer 1

Angular代碼不能與node.js一起運行。 從WebStorm中的新Angular項目開始的步驟：

1. 使用File / New項目創建一個新的Angular項目

2. 打開內置終端，運行'npm install'

3. 右鍵單擊app / index.html，選擇“Debug” - 您的Angular應用程序將在WebStorm內置服務器上運行

Answer 2

看起來你正試圖在node.js上運行app.js. 我認為在項目模板中應該存在服務器的js文件。

Answer 3

您必須像往常一樣運行index.html，而不是app.js. Algo在項目的根文件夾中，您可以運行npm start，它將使用端口中的頁面運行服務器：8000