質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Cordova

Cordovaは様々なデバイスで使うことができるオープンソースなモバイル用開発プラットフォームです。開発者に各デバイスの元のプラットフォームで開発する必要をなくし、HTML・JavaScript・CSSなどの一般的なウェブのテクノロジーを使ってすべてのデバイスで展開することができるモバイルのアプリケーションを生成することを可能にします。

Monaca

「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

Q&A

0回答

683閲覧

PhoneGap BarcodeScannerが読み込めない

kumakake

総合スコア42

Cordova

Cordovaは様々なデバイスで使うことができるオープンソースなモバイル用開発プラットフォームです。開発者に各デバイスの元のプラットフォームで開発する必要をなくし、HTML・JavaScript・CSSなどの一般的なウェブのテクノロジーを使ってすべてのデバイスで展開することができるモバイルのアプリケーションを生成することを可能にします。

Monaca

「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

0グッド

0クリップ

投稿2020/12/27 11:58

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/

すみませんが、よろしくお願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問