2017-09-20 22 views
1

ScrollMagic & Requirejs는내 프로젝트에 scrollmagic.js에게 오순절 requirejs를 추가 할 필요가 오류

내 구조 파일은

/js 
    /app 
     main.js 
    /lib 
     debug.addIndicators.js 
     jquery.js 
     require.js 
     ScrollMagic.js 
    app.js 

내 app.js는

requirejs.config({ 
    "baseUrl": "js/lib", 
    "paths": { 
     "app": "../app" 

    }, 

}); 

requirejs(["jquery"]); 
requirejs(["app/main"]); 
requirejs(["ScrollMagic"]); 
requirejs(["debug.addIndicators"]); 

입니다 헤드 스크립트 로딩

<head> 
    <script data-main="js/app" src="js/lib/require.js"></script> 
    <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="app" src="js/app.js"></script> 
    <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="jquery" src="js/lib/jquery.js"></script> 
    <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="app/main" src="js/lib/../app/main.js"></script> 
    <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="ScrollMagic" src="js/lib/ScrollMagic.js"></script> 
</head> 

내 main.js내가이 오류를 가지고 ScrollMagic하지

main.js:6 Uncaught ReferenceError: ScrollMagic is not defined 
    at HTMLDocument.<anonymous> (main.js:6) 
    at j (jquery.js:2) 
    at Object.fireWith [as resolveWith] (jquery.js:2) 
    at ready (jquery.js:2) 

나는 또한 시도 변화가 main.js

에 정의 작업 관리자 속으로

define(['jquery'], function() { 
jQuery(document).ready(function($) { 

    jQuery(function() { // wait for document ready 
     // init controller 
     var controller = new ScrollMagic.Controller({ loglevel: 3 }); 

     // build scene 
     var scene = new ScrollMagic.Scene({ triggerElement: "#trigger", duration: 300, loglevel: 3 }) 
      .setPin("#target") 
      .addIndicators() // add indicators (requires plugin) 
      .addTo(controller); 

    }); 
}); 


}); 

입니다

define(['jquery','ScrollMagic','debug.addIndicators'], function() { 
관리자에

같은 오류

답변

1

당신이처럼 main.js에 ScrollMagic를 가져올 수 있습니다

define(['jquery', '/path/scrollmagic'], function(jQuery, ScrollMagic) { 
    .... 
    .... 
});