reactjs - 如何在 React JS 页面中使用 Cordova 插件

Question

我想在我的 React JS 应用程序中使用一些 Cordova 插件，但该应用程序一直失败。我了解 cordova 仅在运行时可用，因为我需要解决方法。

我的应用程序是使用 create React app with cordova here 创建的

例如，我想导入cordova-plugin-device来获取设备uuid，代码如下:

import React,  {Component} from 'react';
...    
var device = require("cordova-plugin-device");

class Login extends Component {
    handleSubmit = () => {
        const { phone, password } = this.state

        let params = {
            phonenumber: phone,
            password: password,
            deviceID:  device ? device.uuid : "test"

        }
        ...
   }
   render () {
       ...
   }

 }
}

当我运行 npm build 时，我在使用 npm start 时遇到错误。这是错误找不到模块:无法解析“C:\projects\”中的“cordova-plugin-device”

任何有关如何实现这一点的指示将不胜感激。

Answer 1

我想出了如何解决我的问题。 COrdova 在运行时可用，因此我使用 window.cordovaPulgin 来访问它。

例如，我需要一个调用其方法的支付插件服务，如下所示:

PaymentPlugin.pay(payRequest, paySuccess, payFail);

我的问题是我的代码 npm start && npm run build 失败，因为它找不到 PaymentPlugin，因此为了使这项工作正常进行，经过广泛的研究，意识到如果插件安装正确，我就可以像使用它一样

window.PaymentPlugin.pay(payRequest, paySuccess, payFail);