Ionic Angular应用Capacitor扫码器可扫QR码但无法识别EAN-13条码

核心原因推测 #

1. 扫描格式未显式指定：尽管插件文档标注支持EAN-13，但空数组formats: []可能导致插件默认仅启用QR码等少数常见格式，未包含EAN-13。
2. 冗余的JSON转换操作：代码中对扫描结果执行JSON.stringify再JSON.parse的操作，可能破坏原始数据结构，导致EAN-13条码的识别结果无法正确提取。
3. 插件与Capacitor版本兼容性：capacitor-barcode-scanner 2.3.3可能与Angular 18对应的Capacitor 6.x版本存在适配问题。

分步解决方案 #

1. 显式指定EAN-13扫描格式 #

修改扫描配置，将EAN-13格式加入formats数组（格式名称需与插件定义一致，通常为"EAN_13"）：

private async performScan(): Promise<any> {
  try {
    const { camera } = await BarcodeScanner.requestPermissions();
    if (camera !== 'granted') {
      throw new Error("Permission caméra refusée. Impossible de lancer le scan.");
    }
    // 显式指定支持的格式，包含EAN_13和QR_CODE
    const result = await BarcodeScanner.scan({
      formats: ['EAN_13', 'QR_CODE'],
    });
    // 直接使用原始结果，无需JSON转换
    let barcode = null;
    if (result && result.code) {
      barcode = result.code;
      console.log("Code-barres détecté :", barcode);
    } else {
      console.log("Aucun code-barres détecté.");
    }
    return barcode;
  } catch (error) {
    console.error("Erreur pendant le scan :", error);
    throw error;
  }
}

2. 移除冗余的JSON转换操作 #

原始代码中对result的序列化和反序列化完全多余，直接访问result.code即可避免数据解析异常。

3. 验证插件版本兼容性 #

• 检查capacitor-barcode-scanner官方文档，确认其支持的Capacitor版本（Angular 18通常搭配Capacitor 6.x）。
• 若版本不兼容，升级插件至最新稳定版：

  npm install capacitor-barcode-scanner@latest
  

• 同步Capacitor配置：

  npx cap sync
  

4. 优化扫描参数（可选） #

添加辅助配置提升EAN-13识别率：

const result = await BarcodeScanner.scan({
  formats: ['EAN_13', 'QR_CODE'],
  showTorchButton: true, // 启用手电筒适配低光环境
  prompt: 'Placez le code-barres dans le cadre', // 提示用户对准条码
  orientation: 'portrait', // 固定竖屏扫描
  resultDisplayDuration: 300 // 缩短结果显示时间
});

5. 平台特定检查 #

• Android：确认android/app/src/main/AndroidManifest.xml中已添加相机权限：

  <uses-permission android:name="android.permission.CAMERA" />
  

• iOS：确认ios/App/App/Info.plist中已添加相机权限描述：

  <key>NSCameraUsageDescription</key>
  <string>需要相机权限以扫描条码</string>
  

兼容性说明 #

Angular 18与Ionic 8本身不会直接导致条码扫描问题，核心矛盾集中在capacitor-barcode-scanner的配置、版本适配及扫描参数设置上。

内容的提问来源于stack exchange，提问作者SaMet Mahdy