PhoneGap移動應用程序中未定義的Socket.io變量

我試圖用RequireJs，Backbone，jQuery開發一個使用Phonegap的移動應用程序，每次嘗試包含requirejs腳本標記時都會遇到問題：PhoneGap移動應用程序中未定義的Socket.io變量

<script data-main="js/app" src="node_modules/requirejs/require.js</script>

我包括在此之後，我得到以下錯誤：

ReferenceError: io is not defined.

我不使用socket.io但我認爲的PhoneGap是爲了刷新頁面在瀏覽器中使用它。

這是我index.html文件：

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <meta name="format-detection" content="telephone=no" /> 
    <meta name="msapplication-tap-highlight" content="no" /> 
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" /> 

    <!-- This is a wide open CSP declaration. To lock this down for production, see below. --> 
    <meta http-equiv="Content-Security-Policy" content="default-src * 'unsafe-inline'; style-src 'self' 'unsafe-inline'; media-src *" /> 

    <title>Hello World</title> 
</head> 
<body> 

    something nice 

    <!-- Content --> 

    <script type="text/javascript" src="cordova.js"></script> 
    <script data-main="js/app" src="node_modules/requirejs/require.js"></script> 
</body> 
</html>

這是我js/app.js文件：

requirejs.config({ 

    baseUrl: 'js', 

    shim: { 
     'socket.io': { 
      exports: 'io' 
     }, 
     'underscore': { 
      exports: '_' 
     }, 
     'backbone': { 
      deps: [ 
       'underscore', 
       'jquery' 
      ], 
      exports: 'Backbone' 
     } 
    }, 

    paths: { 

     jquery: 'jquery.min', 
     underscore: 'lodash.min', 
     backbone: 'backbone', 
     socketio: '../socket.io/socket.io' 

     // package: 'node_modules' 
    } 

    // map: { 
    // 
    //  '*': { 
    //   'jquery': 'private/jquery' 
    //  }, 
    // 
    //  'private/jquery': { 
    //   'jquery': 'jquery' 
    //  } 
    // } 
});

我使用PhoneGap的版本6.3.4。

請問您能告訴我，爲了擺脫這個錯誤我該怎麼做？

謝謝！

來源

2016-11-07 Alexandru

我已經設法解決它通過閱讀這些文章：

這裏是我的解決辦法：

<script type="text/javascript" src="cordova.js"></script> 
    <script type="text/javascript"> 

     // Fixes "Uncaught ReferenceError: io is not defined". 
     // We need to load RequireJs after socket.io has been loaded. 

     function injectRequireJs() { 
      var h = document.getElementsByTagName('body')[0]; 
      var s = document.createElement('script'); 
      s.type = 'text/javascript'; 
      s.src = 'node_modules/requirejs/require.js'; 
      s.setAttribute('data-main', 'js/bootstrap'); 
      h.appendChild(s); 
     } 

     setTimeout(function(){ 
      injectRequireJs(); 
     }, 1); 

    </script>

來源

2016-11-07 15:22:21 Alexandru

PhoneGap移動應用程序中未定義的Socket.io變量

回答

相關問題