每当出现catch错误或控制台错误，并且服务器在本地主机或生产端(heroku)停止时，如何在UI上显示错误警报？

在前端开发中，可以通过以下步骤在UI上显示错误警报：

1. 捕获错误：在代码中使用try-catch语句块来捕获可能出现的错误。在try块中编写可能会引发错误的代码，然后在catch块中捕获错误并进行处理。
2. 创建错误警报组件：在前端应用中，可以创建一个专门用于显示错误警报的组件。这个组件可以是一个弹出窗口、一个通知栏或者一个错误信息的提示框。
3. 显示错误信息：在catch块中，将捕获到的错误信息传递给错误警报组件，并触发显示错误警报的操作。可以通过设置组件的状态或调用相应的方法来实现错误信息的显示。
4. 样式和交互设计：为错误警报组件设计合适的样式和交互效果，使其在UI上能够清晰地展示错误信息，并提供用户友好的操作方式，例如关闭按钮或自动消失的定时器。
5. 错误信息分类：根据错误的类型或严重程度，可以将错误信息进行分类，以便更好地展示和处理。例如，可以将错误分为致命错误、警告和提示等级，并为每个级别设计不同的显示方式。
6. 错误信息记录：除了在UI上显示错误警报，还可以将错误信息记录下来，以便后续分析和排查。可以将错误信息发送到后端服务器或使用日志记录工具进行记录。
7. 腾讯云相关产品推荐：腾讯云提供了一系列与云计算相关的产品和服务，可以帮助开发者构建稳定可靠的应用。例如，可以使用腾讯云的云函数（Serverless）服务来处理前端错误信息的记录和处理，使用腾讯云的消息队列（CMQ）服务来实现错误信息的异步处理和通知，使用腾讯云的云监控（Cloud Monitor）服务来监控应用的运行状态和错误情况。

请注意，以上答案仅供参考，具体的实现方式和腾讯云产品选择应根据实际需求和技术栈来确定。