uni-app 终端进程执行2遍问题

在使用 uni-app 开发时，可能会遇到终端进程执行两遍的问题。这种情况通常是由于某些配置或代码逻辑导致的。以下是一些可能的原因和解决方法：

1. 热重载（HMR）问题

• 原因：在开发模式下，uni-app 使用了热重载（Hot Module Replacement）功能，当代码发生变化时，会自动重新编译并刷新页面。如果代码中有某些逻辑在每次编译时都会执行，可能会导致某些操作被执行多次。
• 解决方法：检查代码中是否有在 onLoad、onShow 等生命周期钩子中执行的操作，确保这些操作不会因为热重载而被重复执行。

2. 生命周期钩子重复调用

• 原因：在 uni-app 中，某些生命周期钩子（如 onLoad、onShow）可能会在页面切换或重新进入时被多次调用。如果这些钩子中包含了某些操作，可能会导致这些操作被执行多次。
• 解决方法：确保在生命周期钩子中执行的操作是幂等的，或者使用标志位来避免重复执行。

let isLoaded = false;

onLoad() {
    if (!isLoaded) {
        // 执行操作
        isLoaded = true;
    }
}

3. 事件监听重复绑定

• 原因：如果在页面或组件中多次绑定了同一个事件监听器，可能会导致事件处理函数被多次执行。
• 解决方法：确保事件监听器只绑定一次，或者在绑定前先移除已存在的监听器。

// 在绑定事件前先移除已存在的监听器
uni.$off('eventName');
uni.$on('eventName', this.handleEvent);