通过CI命令行调用开发者工具遇到的疑难杂症问题汇总,内附重现步骤和demo,希望官方尽快解决?
发布于 7 年前 作者 jxiong 677 次浏览 来自 问答

开发者工具版本:稳定版1.03.2005140

操作系统: window10企业版 64位操作系统

使用场景: 自研脚手架,通过node命令调用官方提供的CI命令行执行打开开发者工具、构建NPM、清除缓存、上传代码等一系列操作。目前我似乎是第一个开源的这样做的脚手架,所以相关的问题我遇见得比较多

项目目录结构:

/src 源码目录;

/dist 输出目录;

/project.config.json与源码目录同级别,其中的有配置 “miniprogramRoot”: “dist/”

每次运行编译命令时都会将dist清空重新生成。具体请查看demo

可复现demo: https://github.com/bigmeow/cheers-mp-typescript-demo

具体问题:

  1. 调用命令行```重建文件监听```命令失败。文档地址: https://developers.weixin.qq.com/miniprogram/dev/devtools/cli.html#%E9%87%8D%E5%BB%BA%E6%96%87%E4%BB%B6%E7%9B%91%E5%90%AC

重现步骤:关掉开发者工具,运行demo中的``` npm run uat```命令运行项目,通过调用命令行的方式打开开发者工具,打开项目,构建npm,最后命令行会自动调用```重建文件监听```命令,最后会发现前面的命令都执行成功了,最后调用的```重建文件监听```命令失败,失败报错:

2.调用命令行``` 构建NPM ```命令失败。

重现步骤和第一个问题一样,不过不是每次都能出现,在打开开发者工具后,需要反复几次执行npm run uat构建命令后会被触发.

发现如果把开发工具的编辑器视图打开,这个出现的概率会更高

具体报错截图:

报错后项目根目录会多一个 miniprogram_npm 目录, 理论上它应该是要出现在dist目录下的:

出现后只能手动删除这个目录

3.项目中用到第三方库,需要通过```构建npm```构建的。反复运行几次npm run uat构建命令后,CI命令一切正常,但是开发者工具控制台会提示找不到这个第三方库,但看编译后的代码是正确的,这时候__需要点击开发者工具的清除全部缓存按钮,再点击下编译按钮,严重时需要重启一下开发者工具__才会恢复正常。

这点特别影响开发体验,就是如果我引入一个新的第三方包,然后构建一下npm,大概率会遇见这个问题

基于此,是否需要提供一个可以清除开发者工具编译缓存的CI命令?

4.__ 调用上传命令报错。在demo中执行 npm run build:uat 命令,将会把通过开发者工具把代码上传__。具体报错截图:

从报错可以看出它说对应目录下的wxss文件不存在,但是页面是可以不写样式文件的

回到顶部