Cordova应用程序上带有Famo.us/角启动器工具包的白色页面

Question

我正在尝试做Famo.us/ and应用程序，并与Cordova一起创建Android应用程序。我使用的是初学者工具包(http://famo.us/integrations/angular/#/download)，只做了一些小的修改就可以用grunt构建：

要构建应用程序，我将执行以下命令：- bower cordovacli运行

构建完成了，一切看起来都很好。但是当应用程序在android设备上发布时，我有了一个白页。在日志中，我有以下内容：

D/CordovaLog( 8978): file:///android_asset/www/bower_components/famous/famous-global.js: Line 434 : Uncaught TypeError: Object [object DOMWindow] has no method 'requestAnimationFrame'

E/Web Console( 8978): Uncaught TypeError: Object [object DOMWindow] has no method 'requestAnimationFrame':434

D/CordovaLog( 8978): file:///android_asset/www/bower_components/angular/angular.js: Line 3906 : Uncaught Error: [$injector:modulerr] Failed to instantiate module integrationApp due to:

D/CordovaLog( 8978): Error: [$injector:modulerr] Failed to instantiate module famous.angular due to:

D/CordovaLog( 8978): ReferenceError: famous is not defined

D/CordovaLog( 8978):     at new <anonymous> (file:///android_asset/www/bower_components/famous-angular/dist/famous-angular.js:21:28)

D/CordovaLog( 8978):     at invoke (file:///android_asset/www/bower_components/angular/angular.js:3966:17)

D/CordovaLog( 8978):     at Object.instantiate (file:///android_asset/www/bower_components/angular/angular.js:3977:23)

D/CordovaLog( 8978):     at provider (file:///android_asset/www/bower_components/angular/angular.js:3833:36)

D/CordovaLog( 8978):     at Object.provider (file:///android_asset/www/bower_components/angular/angular.js:3825:16)

D/CordovaLog( 8978):     at file:///android_asset/www/bower_components/angular/angular.js:3885:37

D/CordovaLog( 8978):     at forEach (file:///android_asset/www/bower_components/angular/angular.js:325:18)

D/CordovaLog( 8978):     at loadModules (file:///android_asset/www/bower_components/angular/angular.js:3872:5)

D/CordovaLog( 8978):     at file:///android_asset/www/bower_components/angular/angular.js:3879:40

D/CordovaLog( 8978):     at forEach (file:///android_asset/www/bower_components/angular/angular.js:325:18)

D/CordovaLog( 8978): http://errors.angularjs.org/1.2.26/$injector/modulerr?p0=famous.angular&p1=ReferenceError%3A%20famous%20is%20not%20defined%0A%20%20%20%20at%20new%20%3Canonymous%3E%20(file%3A%2F%2F%2Fandroid_asset%2Fwww%2Fbower_components%2Ffamous-angular%2Fdist%2Ffamous-angular.js%3A21%3A28)%0A%20%20%20%20at%20invoke%20(file%3A%2F%2F%2Fandroid_asset%2Fwww%2Fbower_components%2Fangular%2Fangular.js%3A3966%3A17)%0A%20%20%20%20at%20Object.instantiate%20(file%3A%2F%2F%2Fandroid_asset%2Fwww%2Fbower_components%2Fangular%2Fangular.js%3A3977%3A23)%0A%20%20%20%20at%20provider%20(file%3A%2F%2F%2Fandroid_asset%2Fwww%2Fbower_components%2Fangular%2Fangular.js%3A3833%3A36)%0A%20%20%20%20at%20Object.provider%20(file%3A%2F%2F%2Fandroid_asset%2Fwww%2Fbower_components%2Fangular%2Fangular.js%3A3825%3A16)%0A%20%20%20%20at%20file%3A%2F%2F%2Fandroid_asset%2Fwww%2Fbower_components%2Fangular%2Fangular.js%3A3885%3A37%0A%20%20%20%20at%20forEach%20(file%3A%2F%2F%2Fandroid_asset%2Fwww%2Fbower_components%2Fangular%2Fangular.js%3A325%3A18)%0A%20%20%20%20at%20loadModules%20(file%3A%2F%2F%2Fandroid_asset%2Fwww%2Fbower_components%2Fangular%2Fangular.js%3A3872%3A5)%0A%20%20%20%20at%20file%3A%2F%2F%2Fandroid_asset%2Fwww%2Fbower_components%2Fangular%2Fangular.js%3A3879%3A40%0A%20%20%20%20at%20forEach%20(file%3A%2F%2F%2Fandroid_asset%2Fwww%2Fbower_components%2Fangular%2Fangular.js%3A325%3A18)

如果我看一下index.html，就会发现它很有名，path也很好：

<!-- bower:js -->
    <script src="bower_components/underscore/underscore.js"></script>
    <script src="bower_components/angular/angular.js"></script>
    <script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script>
    <script src="bower_components/angular-touch/angular-touch.js"></script>

    <script src="bower_components/famous/famous-global.js"></script>
    <script src="bower_components/famous-angular/dist/famous-angular.js"></script>
    <!-- endbower -->

我觉得“not angular.js”没有找到“著名的”，但它包含在“not global.js”中。

PS :如果我在我的浏览器中构建它，它可以正常工作。

有谁有主意吗？请分享。

Answer 1

感谢@pasine的帮助。

问题的根源在于android的版本。

“requestAnimationFrame”只支持android 4.4+版本。第一个错误产生的下一个错误。

我在Android4.4上没有这些错误。

Famo.us兼容性提醒：

• iOS: 4.3+
• 安卓: JellyBean+

--有解决这个问题的方法:

• 在Android4.4中支持"requestAnimationFrame“-带有"raf.js”(https://github.com/ngryman/raf.js)
• 使用人行横道(4.0+ )将铬默认设置为webview浏览器(application.html#Migrate-using-command-line-tools兼容性)