2017-12-11 57 views
1

나는 dojo를 (를) 매우 새로 도입했습니다. 설명서에 제공된 기본 예제를 시도합니다. 이것은 내 코드입니다fx 모듈이 Dojo에서 해결되지 않음

<body> 
    <h1 id="greeting">Hello</h1> 

    <!-- configure Dojo --> 
    <script> 
     var dojoConfig = { 
      async: true 
     } 
    </script> 

    <!-- load Dojo --> 
    <script src="/public/dojo.js"></script> 

    <script> 
     require([ 
      'dojo/fx', 
      'dojo/dom', 
      'dojo/domReady!' 
     ], function (fx, dom) { 
      // The piece we had before... 
      var greeting = dom.byId('greeting'); 
      greeting.innerHTML += ' from Dojo!'; 

      // ...but now, with an animation! 
      fx.slideTo({ 
       node: greeting, 
       top: 100, 
       left: 200 
      }).play(); 
     }); 
    </script> 
</body> 

정적 자산을 서비스하기 위해 노드 서버를 사용하고 있습니다. 오류 터지는는

http://localhost:3000/public/fx.js 순 :: ERR_ABORTED

가 나는 이유를 알아낼 수를 얻는 이유는 여기에 별도의 파일 fx.js를 찾고 계십니까?

나는이

require([ 
      'dojo/_base/fx', 
      'dojo/dom', 
      'dojo/domReady!' 
     ] 

그것의 _base/fx.js에서 별도의 파일 찾지 않는이 시간이 줄을 변경합니다.

도와주세요.

편집

<script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js" data-dojo-config="async: true"></script> 

대신 내가 CDN의 작업에서 참조하는 경우 로컬에서 제공. 나는 그 이유를 알아 냈

답변

1

,

나는이 CDN 링크

<script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"></script> 

로 FX 모듈

require([ 
      'dojo/fx', 
      'dojo/dom', 
      'dojo/dom-construct', 
      'dojo/domReady!' 
     ] 

이 필요한 경우 나 네트워크가 스크립트 내부에 요청을 트리거 요청 볼 때 이 url

http://ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/fx.js 

그래서 오류없이 작동합니다. 내 로컬 설정에서 파일 (fx.js)이 누락되었습니다. 따라서 오류가 발생합니다. 이 예제에서는 dojo.js를 가리키는 URL 링크가 하나만 언급되었으므로이 파일 만 다운로드하고이 fx.js 파일을 놓치지 않았습니다.