如何在angular7中使用cordova条码/二维码扫描器插件答案

【问题标题】：How to use cordova barcode/qrcode scanner plugin in angular7如何在angular7中使用cordova条码/二维码扫描器插件
【发布时间】：2019-02-28 19:55:12
【问题描述】：

我想在我的 Angular 7 项目中使用 Cordova 条码/二维码扫描仪插件。我做了一些研究，只得到了 ionic 应用程序的演示。我真的很困惑如何进一步进行。如何将它集成到我的申请？

我创建了一个 Cordova 应用程序并将其与我的 Angular 应用程序集成。它工作正常。但是现在当我尝试使用像条形码扫描仪这样的插件时，我遇到了错误

cordova plugin add phonegap-plugin-barcodescanner

然后在 Angular 应用程序的 index.html 中添加这一行

<script type="text/javascript" src="cordova.js"></script>

我在 app.ts 文件中遇到错误，cordova 不存在

【问题讨论】：

请向我们展示一些您尝试过的示例。通常您需要将插件添加到您的科尔多瓦应用程序中。如果您使用 TypeScript，则为插件定义找到适当的 .d.ts 文件。如果您查看 .d.ts 文件，您应该能够弄清楚如何调用它。
在我的应用程序中，我必须为条形码扫描提供一个属性。就像在这个链接中，ionic 直接使用 covrdova 插件来制作条形码扫描仪应用程序djamware.com/post/59bb219f80aca768e4d2b13e/…
如果您可以用您尝试过的详细信息更新您的问题，它会更容易提供帮助。你可以告诉我们你在哪里整合了。
我还没有开始集成。我读过的任何文章都在离子应用程序中使用它。他们使用离子安装它。我还发现了 ngCordova，但它与 Angular js 一起使用
我明白了。所以你的困惑是你想要你的科尔多瓦应用程序的科尔多瓦插件，但只找到了离子。对吗？

标签： cordova-plugins angular7

【解决方案1】：

我的建议是在official site 中搜索最适合您需求的插件。选择一个有不错的描述和文档的。高质量的将指导与示例的集成。

更新

为了摆脱“不存在”错误，如果您将 TypeScript 用于 cordova 和插件，则需要类型定义。对于cordova，您可以使用npm install --save @types/cordova 安装它，但对于所选插件，您需要找到正确的插件。您可以尝试在here 中查找。或者，您可以手动创建自己的。您可以在其他questions 中查看类型定义。

【讨论】：

我已经创建了一个cordova项目并将其与我的角度应用程序集成..之后我使用cordova插件添加了条形码插件添加phonegap-plugin-barcodescanner并将这一行添加到index.html中app。但是现在当我尝试使用该功能时，我得到错误找不到cordova
但是我的应用程序已经用 Cordova 包装了，插件也安装在了那里......那么单独安装它有什么用呢
这不是再次安装cordova，而是添加类型定义。这是必需的，因为 TypeScript 是一种强类型语言，需要在设计时定义所有内容。因此，您需要编译器/智能感知的类型定义。
即使在执行此操作后 npm install --save @types/phonegap-plugin-barcodescanner 我收到错误，它不是一个模块。我只从这里得到它microsoft.github.io/TypeSearch
在angular about TypeScript 中查看此页面。或者，如果您可以提供一些代码 sn-ps 和确切的错误，也许我们可以更进一步。