uni-app 导出快应用时自定义组件无法使用

示例代码：

<u-icon name="arrow-right" color="#666666"></u-icon>

操作步骤：

<u-icon name="arrow-right" color="#666666</u-icon>

预期结果：

显示向右的箭头

实际结果：

带有白色黑色边框的view

bug描述：

导出的快应用在使用自定义组件时无法正常显示，使用的是uView的Icon组件

sinazl 1楼

更多关于uni-app 导出快应用时自定义组件无法使用的实战教程也可以访问 https://www.itying.com/category-93-b0.html

在uni-app导出快应用时，uView等第三方UI库的自定义组件可能无法正常渲染，这是因为快应用平台对自定义组件的支持存在限制。

主要原因是快应用平台本身不支持Vue自定义组件的渲染机制，特别是使用Vue.extend创建的自定义组件。uView的Icon组件就是基于Vue.extend实现的，在快应用环境下无法正确解析。

建议的解决方案：

使用快应用原生组件替代 快应用平台提供了自己的图标组件<icon>，可以直接使用：
```
<icon type="arrow-right" color="#666666"></icon>
```

条件编译处理 在代码中通过条件编译区分平台：

<!-- #ifdef quickapp -->
<icon type="arrow-right" color="#666666"></icon>
<!-- #endif -->
<!-- #ifndef quickapp -->
<u-icon name="arrow-right" color="#666666"></u-icon>
<!-- #endif -->