ReferenceError: açısal WebStorm

Question

içinde tanımlanmadı AngularJS için tamamen yeni ve WebStorm'da yeni bir AngularJS projesinin başlatılması yolunda bazı önemli ama belirgin bir adımı kaçırmış olabilir.

Yükledim Node.JS, yüklü npt ile açısal, hatta bower yüklü, hatta bower içine köşeli yüklü, ama bu noktada eksik olduğumdan emin değilim.

Debug günü

, ben şu mesajı alıyorum:

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) 

Run, ben olsun şu mesaj:

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 aşağıdaki

'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'}); 
}]); 

Ve Evet, HTML'de Açısal'nın sırası şudur:

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

Bu gerçekten komik çünkü sadece WebStorm ile oluşturulan temel şablonu çalıştırmaya çalışıyorum.

çalıştırın Yapılandırma hayır Ve

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 

var! Açısal tanımsızdır.

Yeryüzünde neyi yanlış yapıyorum?

DÜZENLEME: Eğer node.js. üzerinde app.js çalıştırmayı denediğiniz gibi kesin çıkış

"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

Köşeli kod node.js. ile çalıştırılamaz.

1. Dosya kullanarak yeni Açısal projesi oluşturmak/Yeni proje

2. yerleşik terminali,

3. 'npm install' start Açık: WebStorm yeni Eğik proje ile başlamak Adımlar sağ tıklayın seçin 'Debug' app/index.html - senin Eğik uygulama WebStorm üzerinde çalışan dahili sunucuya edilecektir

Answer 2

görünüyor Bence proje şablonunda bunun için sunucunun js dosyası bulunmalı.

Answer 3

Her zamanki gibi app.js'yi değil, index.html dosyasını çalıştırmanız gerekir. Algo, projenin kök klasöründe npm'i çalıştırabilir ve port ile sayfadaki sunucuyu çalıştıracaktır: 8000