2014-01-16 2 views
1

Dojo의 페이지에있는 튜토리얼에서 데모 애플리케이션을 사용하면 콘솔에 수십 줄의 구문 오류가 발생합니다. 그게 정상인가요? http://dojotoolkit.org/documentation/tutorials/1.9/themes_buttons_textboxes/demo/Button.php 브라우저 그래서 꽤 뭔가해야 Dojo.js는 더 이상 사용되지 않습니까?

파이어 폭스

된다 나는

09:44:58.523 SyntaxError: Using //@ to indicate sourceMappingURL pragmas is deprecated. Use //# instead touch.js:15 
09:44:58.523 Error: http://ajax.googleapis.com/ajax/libs/dojo/1.9.2/dojo/touch.js is being assigned a //# sourceMappingURL, but already has one 
09:44:58.525 SyntaxError: Using //@ to indicate sourceMappingURL pragmas is deprecated. Use //# instead main.js:3 
09:44:58.538 SyntaxError: Using //@ to indicate sourceMappingURL pragmas is deprecated. Use //# instead string.js:10 
09:44:58.538 Error: http://ajax.googleapis.com/ajax/libs/dojo/1.9.2/dojo/string.js is being assigned a //# sourceMappingURL, but already has one 
09:44:58.539 SyntaxError: Using //@ to indicate sourceMappingURL pragmas is deprecated. Use //# instead window.js:14 
09:44:58.544 SyntaxError: Using //@ to indicate sourceMappingURL pragmas is deprecated. Use //# instead cache.js:9 
09:44:58.544 Error: http://ajax.googleapis.com/ajax/libs/dojo/1.9.2/dojo/cache.js is being assigned a //# sourceMappingURL, but already has one 
09:44:58.556 SyntaxError: Using //@ to indicate sourceMappingURL pragmas is deprecated. Use //# instead a11y.js:6 
09:44:58.564 SyntaxError: Using //@ to indicate sourceMappingURL pragmas is deprecated. Use //# instead focus.js:9 
09:44:58.567 SyntaxError: Using //@ to indicate sourceMappingURL pragmas is deprecated. Use //# instead Destroyable.js:3 
09:44:58.567 Error: http://ajax.googleapis.com/ajax/libs/dojo/1.9.2/dijit//Destroyable.js is being assigned a //# sourceMappingURL, but already has one 
09:44:58.569 SyntaxError: Using //@ to indicate sourceMappingURL pragmas is deprecated. Use //# instead Stateful.js:11 
09:44:58.569 Error: http://ajax.googleapis.com/ajax/libs/dojo/1.9.2/dojo/Stateful.js is being assigned a //# sourceMappingURL, but already has one 
09:44:58.577 SyntaxError: Using //@ to indicate sourceMappingURL pragmas is deprecated. Use //# instead hccss.js:10 
09:44:58.577 Error: http://ajax.googleapis.com/ajax/libs/dojo/1.9.2/dojo/hccss.js is being assigned a //# sourceMappingURL, but already has one 
09:44:58.583 SyntaxError: Using //@ to indicate sourceMappingURL pragmas is deprecated. Use //# instead _AttachMixin.j 

그리고 테스트 링크는 (243 개 오류가있는 라인이 실제로있다) 오류의 단지 작은 부분을 울부 짖는 붙여 기본, 맞죠? 이 프레임 워크에 대한 추가 정보가 있으면 관심이 있습니다. 믿을만한가요? 사용을 시작해야합니까, 아니면 다른 곳을 봐야합니까?

답변

2

번호 도장 괜찮 및 작품 (또한,도 1.8, 1.9. 버전) 감사합니다.
Dojo의 인기 또한 매우 빠르게 증가하고 있습니다.

이것은 최신 Dojo에서 작동하는 jsFiddle 샘플입니다.
http://jsfiddle.net/ondrek/kQhaz/

HTML :

<div data-dojo-type="dijit/layout/BorderContainer"> 

    <div data-dojo-type="dijit/layout/ContentPane" 
    data-dojo-props="splitter:true, region:'leading'"> 
      Hello, I'm on left pane! 
    </div> 

    <div data-dojo-type="dijit/layout/ContentPane" 
    data-dojo-props="splitter:true, region:'center'"> 
      Hello, I'm center pane! 
    </div> 

</div> 

자바 스크립트 :

require([ 
    "dojo/parser", 
    "dojo/domReady!", 
    "dijit/layout/BorderContainer", 
    "dijit/layout/ContentPane" 
], function(parser){ 

    parser.parse(); 

}); 

CSS :

html, body, .dijitBorderContainer { 
    height: 100%; 
} 

의 기본 샘플을 버튼으로 원하면 require 및 마크 업을 추가하기 만하면됩니다.
작동합니다. 양식/선택을위한

내 데모 : 대화 상자에 대한
http://jsfiddle.net/ondrek/MMKdL/

내 데모 : 당신이 사용하고있는 브라우저 질문에서 명확하지 않다
http://jsfiddle.net/ondrek/3L4Gf/

+0

코드 스 니펫을 이용해 주셔서 감사합니다. 새로운 언어/프레임 워크/기타를 배우는 가장 좋은 방법입니다. 또한 먼저 대답 했으므로 답변을 수락합니다. – user1137313

4

? 이를 알고 있으면 다른 사용자가받은 오류를 복제 할 수 있습니다.

첫 번째 질문에 대한 답변 : "Dojo.js가 더 이상 사용되지 않습니까?" - 아니요

Dojo가 현재 개발 중입니다. 팀은 현재 v1.10 릴리스를 작업 중입니다. 이 프로젝트는 매우 잘 살고 있습니다. 웹의 현재 사용에 대한 정보는 Built With을 참조하십시오. 또한 질문에 대한 답변 ("Is there a list of commercial support companies for dojo?")을 참조하십시오. 프레임 워크는 매우 안정적이며 견고합니다.

오류는 내 콘솔 (Firefox 사용)에서 경고로 표시되며 콘솔이 소스 코드를 원래 작성되지 않은 코드로 매핑하는 방법과 관련됩니다. 대부분의 Javascript 프레임 워크/툴킷 (예 : Dojo, AngularJs, JQuery 등)은 빌드 된 코드를 사용합니다. 코드는 크기를 줄이고 불필요한 클러 터 (예 : 주석)를 제거하기 위해 제작되었습니다.

작성된 코드는 읽기 쉽지 않으므로 콘솔이 원본과 다시 링크 할 수 있으면 유용합니다. 이 연결 방법에 대한 정보는 "Introduction to JavaScript Source Maps - HTML5Rocks"을 참조하십시오.

답변을 너무 복잡하게 만들고 싶지는 않습니다. 기본적으로 데모에서는 이전 소스 매핑 형식을 사용하는 Google의 코드 빌드 버전을 사용하고 있습니다. 위의 HTML5Rocks 링크는 이러한지도를 연결하는 방법이 어떻게 변경되었는지를 설명합니다. 오류/경고는이 이전 형식을 사용한 결과입니다.

데모 버튼은 Firefox와 Chrome에서 예상대로 작동하지만 나는 당신과 같은 경고를받습니다. 그것들은 실제로 오류가 아니며 실제 페이지 코드가 아닌 콘솔의 기능과 만 관련이 있습니다. 희망이 맞는가?

+1

정교한 대답에 감사드립니다. 내가 사용한 브라우저는 파이어 폭스였다. 자습서 링크도 나를 위해 일하고 있습니다. 단, 콘솔에서 "구문 오류"를 여러 번 볼 수 있다는 점을 제외하고는 프레임 워크를 개발 한 팀이 만든 간단한 웹 페이지에 놀랐습니다. 그것은 옳은 것처럼 보였습니다 ...하지만 당신의 설명을 이해하고 지금이 흥미로운 프레임 워크에 담그는 것에 대해 더 기분이 좋습니다. 다시 감사합니다 – user1137313

+1

나는 그의 대답이 좋기 때문에 ondrek의 대답만을 받아 들였고 좋은 코드 조각을 포함하고 있었고 대답을 더 빨리했습니다. 매우 유용하기 때문에 답을 +1했습니다. – user1137313

관련 문제