ロードされているにもかかわらず、ロードされたJavaScript内の変数を呼び出すことができません

Question

誰もが私にこの1つを助けることができますか？

私はこの実施例をお持ちの場合：

var Login = function() { 

var handleLogin = function() {//code here 

} 

var handleForgetPassword = function() {//code here  
} 

var handleRegister = function() {//code here 
} 

return { 
    init: function() { 

     handleLogin(); 
     handleForgetPassword(); 
     handleRegister(); 

    } 

}; 

}(); 

jQuery(document).ready(function() { 
    Login.init(); 
}); 

しかし次の例では、エラーを与えます。ファイルがロードされていると確信していますが。私は機能をスコープできません。

<script src="javascriptLoginfile.js" type="text/javascript"></script> 
<script> 
jQuery(document).ready(function() { 
    Login.init(); 
}); 
</script> 

エラー私のために

Uncaught ReferenceError: Login is not defined at HTMLDocument. (login:160) at i (jquery.min.js:2) at Object.fireWith [as resolveWith] (jquery.min.js:2) at Function.ready (jquery.min.js:2) at HTMLDocument.K (jquery.min.js:2)

Answer 1

作品。

var Login = function() { 
 

 
    var handleLogin = function() { //code here 
 
    console.log('handleLogin'); 
 
    } 
 

 
    var handleForgetPassword = function() { //code here  
 
    console.log('handlForgetPassword'); 
 
    } 
 

 
    var handleRegister = function() { //code here 
 
    console.log('handleRegister'); 
 
    } 
 

 
    return { 
 
    init: function() { 
 

 
     handleLogin(); 
 
     handleForgetPassword(); 
 
     handleRegister(); 
 

 
    } 
 

 
    }; 
 

 
}(); 
 

 
jQuery(document).ready(function() { 
 
    Login.init(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 2

WebPACKのがすべてをバンドルされているので、私がバンドルされたスクリプトの外から呼び出すことができませんでした。

var Login = function() { } 

へ：

私はこの変化を解決

window.Login = function() { }