monaca Localkit を利用して開発をしています。
PhoneGap BarcodeScannerを呼び出すと、"Uncaught ReferrenceError: cordova is not defined"と表示されます。
対処方法をご享受ください。
■環境
・monaca Localkit Ver4.0.2
・下記の内容でプロジェクトをLocakKitで作成しました。
カテゴリ:JavaScript
テンプレート:Onsen UIV2 JS Minimum
・Cordovaプラグインで、「Phonegap BarcodeScanner v8.1.0」を有効にしています。
■Consoleに表示されているエラーの情報
※LocalKitのプレビューで確認
起動時に下記が表示されます。
Failed to load resource: net::ERR_FILE_NOT_FOUND cordova.js:1
ボタンを押すとか木が表示されます。
Uncaught ReferenceError: cordova is not define index.html:xx :「cordova.plugins.barcodeScanner.scan」のところです。
■ソース
html
1<!DOCTYPE HTML> 2<html> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"> 6 <meta http-equiv="Content-Security-Policy" content="default-src * data: gap: https://ssl.gstatic.com; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'"> 7 <script src="components/loader.js"></script> 8 <script src="lib/onsenui/js/onsenui.min.js"></script> 9 10 <link rel="stylesheet" href="components/loader.css"> 11 <link rel="stylesheet" href="lib/onsenui/css/onsenui.css"> 12 <link rel="stylesheet" href="lib/onsenui/css/onsen-css-components.css"> 13 <link rel="stylesheet" href="css/style.css"> 14 15 <script> 16 ons.ready(function() { 17 console.log("Onsen UI is ready!"); 18 }); 19 20 if (ons.platform.isIPhoneX()) { 21 document.documentElement.setAttribute('onsflag-iphonex-portrait', ''); 22 document.documentElement.setAttribute('onsflag-iphonex-landscape', ''); 23 } 24 25 function scanBarcode() { 26 cordova.plugins.barcodeScanner.scan( 27 function (result) { 28 alert("We got a barcode\n" + 29 "Result: " + result.text + "\n" + 30 "Format: " + result.format + "\n" + 31 "Cancelled: " + result.cancelled); 32 }, 33 function (error) { 34 alert("Scanning failed: " + error); 35 }, 36 { 37 preferFrontCamera : true, // iOS and Android 38 showFlipCameraButton : true, // iOS and Android 39 showTorchButton : true, // iOS and Android 40 torchOn: true, // Android, launch with the torch switched on (if available) 41 saveHistory: true, // Android, save scan history (default false) 42 prompt : "Place a barcode inside the scan area", // Android 43 resultDisplayDuration: 500, // Android, display scanned text for X ms. 0 suppresses it entirely, default 1500 44 formats : "QR_CODE,PDF_417", // default: all but PDF_417 and RSS_EXPANDED 45 orientation : "landscape", // Android only (portrait|landscape), default unset so it rotates with the device 46 disableAnimations : true, // iOS 47 disableSuccessBeep: false // iOS and Android 48 } 49 ); 50 } 51 </script> 52</head> 53<body> 54 This is a template for Onsen UI app.<br /> 55 <br /> 56 <input type="button" onClick ="scanBarcode()" value ="Scan" /> 57</body> 58</html>
生成したプロジェクトに、サンプルを追加した程度です。
https://docs.monaca.io/ja/reference/third_party_phonegap/phonegap_plugin_barcodescanner/
すみませんが、よろしくお願いします。
あなたの回答
tips
プレビュー