CocosCreator发布Windows、Android平台注意事项

windows


问题：CocosCreator发布Windows，报如下错误：无法找到 v140_xp 的生成工具(平台工具集 =“v140_xp”)。若要使用 v140_xp 生成工具进行生成，请安装 v140_xp 生成工具。或者，可以升级到当前 Visual Studio 工具，方式是通过选择“项目”菜单或右键单击该解决方案，然后选择“重定解决方案目标”。


正确的解决方案：打开vs2017 installer安装工具，选择桌面开发，总之找到一个包（名称中包含 v140 ）安装上，之后编译通过。


注：这样发布到windows平台会有很多兼容问题和bug，不建议，如果非要打包成.exe，推荐使用electron-packager。


 


 


使用electron-packager打包Cocos Creator的Web版本


1.发布平台选择Web mobile 或者Web Desktop


2.发布完成后在项目根目录build文件夹下的web-xxx目录下将全部文件复制到一个新文件夹内


3.安装nodejs，然后，使用npm全局安装electron打包工具，npm install -g electron-packager


4.在新文件夹的同级路径下，新建main.js和package.json两个文件，文件内容如下


main.js


const {app, BrowserWindow,Menu} = require('electron');
let win;
let windowConfig = {
    width:800,
    height:600
};
function createWindow(){
    Menu.setApplicationMenu(null)//隐藏菜单栏
    win = new BrowserWindow(windowConfig);
    win.loadURL(`file://${__dirname}/cocos/index.html`);//指向index.html
    //开启调试工具
    // win.webContents.openDevTools();
    win.on('close',() => {
        //回收BrowserWindow对象
        win = null;
    });
    // win.on('resize',() => {
    //     win.reload();
    // })
}

app.on('ready',createWindow);
app.on('window-all-closed',() => {
    app.quit();
});

app.on('activate',() => {
    if (win == null) {
        createWindow();
    }
});

package.json（注：name为中文编译不通过，现在可以中文名字（可能版本的问题））


{
  "comment": "name: exe名字, version: exe版本号, out: exe输出目录, platform: 打包平台, arch: 输出平台架构(x32为32位,x64为64位)",
  "name": "CocosDemo",
  "version": "0.0.1",
  "out": "../Hello",
  "platform": "win32",
  "arch": "x64",
  "description": "a simple application",
  "main": "main.js",
  "scripts": {
    "start": "electron .",
    "package": "electron-packager . --electron-version=1.4.13 --icon=./logo.ico"
  },
  "author": "lmz",
  "license": "ISC"
}

5.在文件夹内呼出powershell窗口，执行  npm run-script package 注：1.打包时会下载一个包速度慢下载不下来，2.直接切换taobao等镜像地址不出下载命令提示而直接编译报错，


使用 npm config set ELECTRON_MIRROR http://npm.taobao.org/mirrors/electron/ 即可下载并编译通过


注意：electron低版本打包cc3.4.1项目会出现加载问题，将electron版本升级即可解决，
升级 npm install -g electron@v16.0.0
升级后，记得改下 package.json里的 --electron-version=16.0.0

npm run-script package   （此处package要对应package.json中的scripts中的对应值）


android


注意版本就行了，低版本试一试(ndk 19 、sdk忘记什么版本了)


注意：打包遇见 No such file or directory，可能是因为路径太长