2014-12-07 5 views
8

저는 AngularJS에 완전히 익숙하지 않습니다. WebStorm에서 새로운 AngularJS 프로젝트를 시작하는 과정에서 중요한 단계는 아니지만 분명한 단계를 놓친 것 같습니다.ReferenceError : WebStorm에서 각도가 정의되지 않았습니다.

npm으로 Angular를 설치했고, bower를 설치했는데, bower에 각도를 맞추어 설치했는데,이 시점에서 내가 무엇을 놓치고 있는지 확실하지 않습니다.

디버그에

, 나는 다음과 같은 메시지가 뜹니다 :

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 

이있다! 각도는 정의되지 않습니다.

무엇이 잘못 되었나요?

편집 : 당신이 node.js.에 app.js 실행하려고처럼 정확한 출력은

"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 
+0

기술적으로, 문제는 내가 각도를 맞추어 설치해야한다는 것입니다. 'bower install angle'을 터미널로 사용하면, node.js 앱으로 실행하는 대신'index.html'을 실행해야합니다. 아무도 진실을 압니까? – EpicPandaForce

+0

'각도가 정의되지 않았습니다'를 제외하고 콘솔에 오류가 있습니까? – Grundy

+0

@Grundy IDE에서 편집 한 내용을 게시했습니다. – EpicPandaForce

답변

12

node.js.에서 각도 코드를 실행할 수 없습니다.

  1. 이 파일을 사용하여 새 코너 프로젝트를 생성/새 프로젝트

  2. 내장 터미널,

  3. 'NPM 설치'를 실행 엽니 다 WebStorm에서 새로운 각도 프로젝트를 시작하는 단계 app/index.html을 마우스 오른쪽 버튼으로 클릭하고 '디버그'를 선택하십시오. - 각도 응용 프로그램이 WebStorm 기본 제공 서버에서 실행됩니다.

+0

나는 그런 일이었다 느낌을 가지고 있었다. 감사. – EpicPandaForce

0

같습니다 나는 프로젝트 템플릿에서 서버의 js 파일이 존재해야한다고 생각한다.

+0

이 솟아'bower.json'과'karma.conf.js'있다하지만 그 중 내가 필요한 경우 확실하지 않다 빈 _app.js_를 추가합니다. 난 정말하지만'Node.js를에 app.js'를 실행하려고해서는 안 같아요. – EpicPandaForce

0

평소처럼 app.js가 아니라 index.html을 실행해야합니다. Algo 프로젝트의 루트 폴더에 npm start를 실행하면 포트에있는 페이지가있는 서버가 실행됩니다. 8000

관련 문제