cordova的React应用程序显示android的白色屏幕

时间:2015-11-20 18:49:33

标签: android cordova reactjs

我试图将一个反应应用程序转换为一个移动应用程序,我在iOS上取得了成功,但是现在,当我尝试使用android时,它会显示死亡的白屏,并且镀铬远程检查员没有&#39 ; t显示任何重要原因,这是chrome日志

enter image description here

这是我的index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <title>MMJ Recs</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="./css/main.css"/>
    <script>
        window.prompt = function(){

        }
    </script>
</head>
<body>
    <div id="app"></div>
    <script type="text/javascript" src="cordova.js"></script>
    <script src="./js/index.js"></script>
    <script type="text/javascript" src="https://js.stripe.com/v2/"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="./js/vendor.js"></script>
    <script src="./js/vendor.bundle.js"></script>
    <script src="./js/build.js"></script>
    <script type="text/javascript">
      Stripe.setPublishableKey('pk_test_AzADtnJ7sM7pQJu32JOmHB3M');
  </script>
</body>
</html>

这是我的main.js

import React from 'react';
import Router from 'react-router';
import routes from './routes';
import ReactDOM from 'react-dom';


//ReactDOM.render(routes, document.getElementById('app'));
function startApp(){
    Router.run(routes, Router.HistoryLocation, function(Handler) {
        React.render(<Handler />, document.getElementById('app'));
    });
}

function startAppCordova(){
    Router.run(routes, function(Handler) {
        React.render(<Handler />, document.getElementById('app'));
    });
}


window.onload = function(){
    var url = document.URL;
    var isSmart = (url.indexOf("http://") === -1 && url.indexOf("https://") === -1);
    if( isSmart ){
        document.addEventListener('deviceready', startAppCordova, false);
    }
    else{
        startApp();
    }
}

0 个答案:

没有答案