UNI-APP踩坑汇总

前言

UNI-APP是一款非常流行的前端框架，它可以帮助开发者一次编写代码，然后编译生成APP、H5以及各种小程序版本的客户端。这大大提高了开发效率，降低了开发成本。

不过，在使用UNI-APP开发的过程中，也难免会遇到一些坑。本文将总结我在使用UNI-APP开发微信小程序时遇到的坑，并分享一些经验和教训，希望能帮助开发者避免同样的错误。

坑一：真机调试不生效

在使用真机调试时，发现修改代码后，真机上的效果并没有发生变化。这是因为真机调试需要先编译代码，然后才能在真机上运行。如果修改了代码后没有重新编译，那么真机上的效果就不会发生变化。

解决办法：在修改代码后，需要先重新编译代码，然后再真机调试。

坑二：使用了错误的API

UNI-APP提供了很多API，但有些API是只在某些平台上才支持的。例如，uni.request API只能在APP和H5平台上使用，不能在小程序平台上使用。

如果使用了错误的API，那么就会导致程序在某些平台上无法正常运行。

解决办法：在使用API之前，需要先查阅UNI-APP的官方文档，了解该API是否在当前平台上支持。

坑三：使用了错误的语法

UNI-APP使用的是Vue.js语法，但有些Vue.js语法在UNI-APP中是不支持的。例如，在UNI-APP中不能使用<template>标签。

如果使用了错误的语法，那么就会导致程序无法正常编译。

解决办法：在使用Vue.js语法之前，需要先查阅UNI-APP的官方文档，了解哪些语法在UNI-APP中是支持的。

坑四：使用了错误的组件

UNI-APP提供了很多组件，但有些组件是只在某些平台上才支持的。例如，uni-button组件只能在APP和H5平台上使用，不能在小程序平台上使用。

如果使用了错误的组件，那么就会导致程序在某些平台上无法正常运行。

解决办法：在使用组件之前，需要先查阅UNI-APP的官方文档，了解该组件是否在当前平台上支持。

坑五：使用了错误的样式

UNI-APP支持CSS样式，但有些CSS样式在UNI-APP中是不支持的。例如，position: fixed样式在UNI-APP中是不支持的。

如果使用了错误的样式，那么就会导致程序无法正常渲染。

解决办法：在使用CSS样式之前，需要先查阅UNI-APP的官方文档，了解哪些样式在UNI-APP中是支持的。

总结

以上是我在使用UNI-APP开发微信小程序时遇到的几个坑。希望这些经验和教训能帮助开发者避免同样的错误。

在使用UNI-APP开发微信小程序时，需要注意以下几点：

• 真机调试需要先编译代码，然后才能在真机上运行。
• 在使用API之前，需要先查阅UNI-APP的官方文档，了解该API是否在当前平台上支持。
• 在使用Vue.js语法之前，需要先查阅UNI-APP的官方文档，了解哪些语法在UNI-APP中是支持的。
• 在使用组件之前，需要先查阅UNI-APP的官方文档，了解该组件是否在当前平台上支持。
• 在使用CSS样式之前，需要先查阅UNI-APP的官方文档，了解哪些样式在UNI-APP中是支持的。