Touch WX 开发文档

Touch WX 开发文档

常见问题

1、如果要使用rpx,直接在less中写rpx即可。

2、官方示例中使用了自定义导航栏样式,即在全局配置中设置navigationStyle:custom,这样显示的效果如下:

如果你直接拷贝官方示例,效果很可能是这样的:

这时需要在全局配置中使用navigationStyle:custom

3、如果提示statusBarHeight错误,需要将微信开发者工具更新到最新版

4、由touchui导入的工程在微信开发者工具预览时,如果切换tabBar白屏,点击刷新按钮进行编译

5、在Touch WX工程进行开发,如果修改文件后没有自动输出到dist,需要点击菜单项:启动开发服务,之后修改就会自动输出了

img

6、当修改了图标css或其他全局css或全局js后,需要全部重新编译输出。这时可以打开app.wxa文件,保存一下就会全部重新编译输出

7、清理dist目录:例如一开始app.wxa里配了10个页面,最后开发完成时,app.wxa只剩5个页面,但重新保存app.wxa后dist目录下可能还是10个页面。这是因为启动了微信开发工具,文件会被占用,不会清理dist目录,最终输出来可能会有一些多余的文件。所以如果要清理dist,请关闭微信开发者工具再保存app.wxa。一般windows上会有这个问题,mac不会

8、导入Touch UI工程进行转换没有提示。可能你当前打开了终端面板,切换到输出面板

9、image闭合标签导致VSCode语法检查,例如

可以使用自闭合

<image />

10、除了image组件其他组件尽量都不要写自闭合,否则编译后可能导致代码结构错乱。

11、如果运行项目时出现下图中的报错,是由于没有安装依赖导致。这时需要右键,安装项目依赖。

12、页面如果没有根结点会出现错误提示。所以一般加一个view作为根结点。