如何在HTML5中包含Cordova.js

时间:2018-08-22 14:06:48

标签: javascript cordova phaser-framework

我想将HTML5游戏转换为iOS / Android应用程序,我可以使用Phonegap或Cocoon做到这一点,所有教程都表明我们必须将cordova.js文件包含到index.html页面中。

如果我按照建议包括cordova.js:

<html>
<head>
    <script src="cordova.js"></script>
    <script src="js/phaser.min.js"></script>
    <script src="js/game.js"></script>
</head>
</html>

我可以看到此消息:

_Uncaught ReferenceError: require is not defined at cordova.js:28_

此外,我已经将一个项目上载到Web服务器,并且得到了相同的结果。从这里下载了cordova https://github.com/apache/cordova-js/blob/master/src/cordova.js

enter image description here

1 个答案:

答案 0 :(得分:1)

似乎您只是直接从GitHub复制了cordova.js文件,并手动将其包含在您的项目中。

如果要使用Cordova,则应改用Node.js创建项目并定义平台。这将包括完整的cordova.js文件,其中包括require()函数。

官方网站上的

Create your first Cordova app包括入门入门基础知识,而GameDev Academy的Creating Mobile Games with Phaser 3 and Cordova方面也有指导内容。

基本上,一旦您安装了Cordova工具和要求:

  1. cordova create projectName创建新项目。
  2. cd projectName进入新的项目目录。
  3. cordova platform add android和/或您要在其上运行游戏的任何平台。
  4. 像平移游戏一样,通常更新 www 目录。您可以按照GameDev Academy教程进行操作,并使用Node.js来安装Phaser,或者只是复制/粘贴JS文件,以您较满意的方式进行。
  5. cordova build,以确保一切正常。
  6. cordova emulate android例如在Android上进行测试,但可以根据您的特定环境进行更改。