uni-app框架+app端+ethers.js库+以太坊开发+常见错误

怼烎@ 2021-08-19 21:56 1848阅读 0赞

### **uni-app框架常见错误解决方案：** ###

**app端如果不使用兼容的ethers.js库,uni-app框架会报错：**

**     \*                reportJSException >>>> exception function:callReportCrash, exception:weex core process crash and restart exception  
     \*                reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->ReferenceError: Can't find variable: WeexPlus  
     \*                getTemplateInfo== template md5 e17355752b7826077b17b08e63c78af4 length 8614331 base64 md5 4XNVdSt4Jgd7F7COY8eK9A== response header \{"templateSourceBase64MD5":\["4XNVdSt4Jgd7F7COY8eK9A=="\],"templateSourceMD5":\["e17355752b7826077b17b08e63c78af4"\]\}**

const NodeGlobalConfig = require("../../../config/NodeGlobalConfig.js");
    
    if (NodeGlobalConfig.generateUniqueInstance().isAppClient) {
        /**
         * 功能：【非常重要】定制一个app端的ethers.js库【由于uni-app框架必须通过plus对象来请求区块链数据,否则会报错】
         * 说明：虽然通过Express框架在node端运行完全可以解决app、H5、及服务端的api调用,然而utils工具类在APP端会调用
         *      为此,必须定制一个兼容app端的ethers.js库,否则在APP端使用utils工具也会报错：
         * 关于app端的错误：app端如果不使用兼容的ethers.js库,uni-app框架会报错：
         *                reportJSException >>>> exception function:callReportCrash, exception:weex core process crash and restart exception
         *                reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->ReferenceError: Can't find variable: WeexPlus
         *                getTemplateInfo== template md5 e17355752b7826077b17b08e63c78af4 length 8614331 base64 md5 4XNVdSt4Jgd7F7COY8eK9A== response header {"templateSourceBase64MD5":["4XNVdSt4Jgd7F7COY8eK9A=="],"templateSourceMD5":["e17355752b7826077b17b08e63c78af4"]}
         */
        console.log("当前是app客户端,正在运行兼容app【uni-app框架】端的ethers.js库!");
        const {
            ethers,
            utils,
            Wallet,
        } = require("./own_app_ethers/own_app_ethers.min.js");
    
        module.exports = {
            ethers,
            utils,
            Wallet,
        };
    } else {
        /**
         * 功能：兼容H5端的通用ethers.js库
         */
        console.log("当前是H5客户端,正在运行H5端的ethers.js库【不兼容app端【uni-app框架】】");
        const {
            ethers,
            utils,
            Wallet,
        } = require("ethers");
    
        module.exports = {
            ethers,
            utils,
            Wallet,
        };
    }
    
    
    /**
     * 关于ethers兼容APP端跨域访问的说明：
     * 兼容问题：关于ethers.js如果要在前端APP代码中运行的问题【APP端跨域访问】
     * 解决方案：自定义基于uni-app同时兼容APP端和H5端的ethers.js库【如果ethers不是基于Express运行,而是单独写入APP的情况】
     *
     *
     * 解决兼容APP端跨域的问题,app端必须使用H5+中的plus.net.XMLHttpRequest【APP端不兼容标准HTML中的XMLHttpRequest】
     * 必须修改以太坊库ethers.js库源代码【这个路径必须是修改后的ethers.js或ethers.min.js】
     * 具体解决方案总结参考我的文章：https://blog.csdn.net/weixin_43343144/article/details/90479316
     *
     * 要替换的代码块如下【其中条件编译#ifdef是uni-app的语法】：
    
     // #ifdef APP-PLUS
     var xmlhttprequest_1 = {}
     xmlhttprequest_1.XMLHttpRequest = plus.net.XMLHttpRequest;
     // #endif
     // #ifdef H5
     var xmlhttprequest_1 = require("xmlhttprequest");
     // #endif
    
     */

发表评论取消回复

表情：

评论列表（有 0 条评论，1848人围观）

还没有评论，来说两句吧...

相关阅读

相关以太坊开发测试（2）Truffle框架开发

以太坊开发测试（2）Truffle 框架 1.创建一个项目目录 truffle init 指令不在安装Metacoin 示例代码

本是古典何须时尚/ 2023年07月18日 14:13/ 0 赞/ 6 阅读

相关以太坊-入门基础（以太坊黄皮书学习）

文章目录一、什么是以太坊黄皮书二、以太坊黄皮书 1. 引言 2. 区块链范式

布满荆棘的人生/ 2022年12月22日 00:57/ 0 赞/ 256 阅读

相关以太坊-入门基础（以太坊白皮书）

文章目录一、以太坊白皮书 1. 历史默克尔树其它的区块链应用

梦里梦外;/ 2022年12月20日 15:54/ 0 赞/ 259 阅读

相关选择一个以太坊客户端

选择一个以太坊客户端开发时选择 GANACHE GANACHE是一个运行在个人桌面上的上的以太坊开发者的个人区块链。GANACHE是Truffle Suit

矫情吗；*/ 2022年06月01日 06:43/ 0 赞/ 212 阅读

相关以太坊是什么 - 以太坊开发入门指南

以太坊是什么 - 以太坊开发入门指南很多同学已经跃跃欲试投入到区块链开发队伍当中来，可是又感觉无从下手，本文将基于以太坊平台，以通俗的方式介绍以太坊开发中涉及的各晦涩的

我会带着你远行/ 2022年05月21日 10:36/ 0 赞/ 416 阅读

相关以太坊系列（一）之以太坊简介

> 本文个人博客地址：[http://www.huweihuang.com/article/ethereum/ethereum-introduction/][http_www.

男娘i/ 2022年05月20日 00:54/ 0 赞/ 404 阅读

相关以太坊开发 | 环境准备

> 这篇写于我第一次尝试部署智能合约之时。首先配置好了geth环境、搭建了一条私链。然后了解了一下智能合约的开发工具。感谢本篇引用到的网络教程们，是这些教程让开发对新手友好。也

短命女/ 2022年04月10日 05:11/ 0 赞/ 379 阅读

相关以太坊是什么 - 以太坊开发入门指南

想知道更多关于区块链技术知识，请百度【链客区块链技术问答社区】链客，有问必答！！以太坊是什么以太坊（Ethereum）是一个建立在区块链技术之上，

亦凉/ 2022年03月06日 05:44/ 0 赞/ 443 阅读

相关 uni-app框架+app端+ethers.js库+以太坊开发+常见错误

uni-app框架常见错误解决方案： app端如果不使用兼容的ethers.js库,uni-app框架会报错： \ rep

怼烎@/ 2021年08月19日 21:56/ 0 赞/ 1849 阅读

相关以太坊开发入门指南

[https://learnblockchain.cn/2017/11/20/whatiseth/][https_learnblockchain.cn_2017_11_20_w

约定不等于承诺〃/ 2021年06月24日 15:59/ 0 赞/ 680 阅读