uniapp barcode start卡死是什么原因

在使用uniapp的barcode插件时，页面卡死在start方法上，无法继续执行。具体表现为调用扫描接口后，界面无响应，也没有错误提示。尝试过重新安装插件、检查权限设置，但问题依旧。请问可能是什么原因导致的？需要检查哪些配置或代码？

gougou168 1楼

uniapp扫码卡死可能原因：

权限未开启（相机/存储）
扫码组件未正确初始化
页面生命周期冲突
内存不足或设备性能问题

建议：检查权限设置，确保扫码组件在onLoad中初始化，避免重复调用。

caililin 2楼

UniApp 中 barcode.start() 卡死通常由以下原因引起，可按步骤排查：

1. 权限问题

相机权限未开启：Android/iOS 需在 manifest.json 中配置相机权限，并动态申请。

解决方案：

// manifest.json（App模块配置）
"permissions": {
    "camera": {}
}

代码中动态申请：

// 检查并申请权限
uni.authorize({
    scope: 'scope.camera',
    success: () => {
        this.startBarcodeScan();
    },
    fail: () => {
        uni.showModal({ content: '需要相机权限' });
    }
});

2. 生命周期冲突

页面未渲染完成调用：在 onLoad 或 onShow 中直接调用可能因组件未初始化导致卡死。

解决方案：使用 nextTick 或延迟调用。

onReady() {
    this.$nextTick(() => {
        this.startBarcodeScan();
    });
}

3. 重复调用 `start()`

短时间内多次触发 barcode.start() 会导致资源竞争。

解决方案：添加状态锁。

let isScanning = false;
startBarcodeScan() {
    if (isScanning) return;
    isScanning = true;
    plus.barcode.start({ ... }, () => {
        isScanning = false; // 扫描结束重置状态
    });
}

4. 原生环境兼容性

仅支持 App 端：plus.barcode 是 HTML5+ 规范，需在真机运行。
摄像头占用：其他应用可能占用摄像头，需关闭后台应用。

5. 回调函数未触发

若扫码成功/失败的回调未执行，会导致界面无响应。

解决方案：确保回调逻辑正确，并设置超时保护：

const timeout = setTimeout(() => {
    plus.barcode.cancel();
    uni.showToast({ title: '扫描超时', icon: 'none' });
}, 10000);

6. 系统兼容性问题

部分 Android 机型需关闭“相机增强功能”（如美颜、HDR）。
iOS 需确保 info.plist 包含 NSCameraUsageDescription 描述。

快速自检步骤：

真机运行并确认权限已授权。
检查是否在 onReady 或页面按钮事件中触发。
避免与 vuex 等异步操作同时执行。
使用官方示例代码测试基础功能。