Dapp Introduction

Su.kal.Crypto · January 3, 2021, 9:02am

Hey @dan-i
I am receiving the following error after sending 0.5 ETH transaction through my created Dapp…

inpage.js:1 MetaMask - RPC Error: Error: [ethjs-query] while formatting outputs from RPC '{"value":{"code":-32603,"data":{"message":"the tx doesn't have the correct nonce. account has nonce of: 14 tx has nonce of: 20","code":-32000,"data":{"stack":"Error: \n    at validateNonce (/Volumes/Ganache 2.1.1/Ganache.app/Contents/Resources/app.asar/node_modules/ganache-core/lib/statemanager.js:964:11)\n    at blockchain.getQueuedNonce (/Volumes/Ganache 2.1.1/Ganache.app/Contents/Resources/app.asar/node_modules/ganache-core/lib/statemanager.js:973:7)\n    at /Volumes/Ganache 2.1.1/Ganache.app/Contents/Resources/app.asar/node_modules/ganache-core/lib/blockchain_double.js:436:5\n    at /Volumes/Ganache 2.1.1/Ganache.app/Contents/Resources/app.asar/node_modules/ganache-core/node_modules/merkle-patricia-tree/baseTrie.js:77:5\n    at /Volumes/Ganache 2.1.1/Ganache.app/Contents/Resources/app.asar/node_modules/ganache-core/node_modules/merkle-patricia-tree/baseTrie.js:461:14\n    at Object.return (/Volumes/Ganache 2.1.1/Ganache.app/Contents/Resources/app.asar/node_modules/ganache-core/node_modules/merkle-patricia-tree/baseTrie.js:485:9)\n    at processNode (/Volumes/Ganache 2.1.1/Ganache.app/Contents/Resources/app.asar/node_modules/ganache-core/node_modules/merkle-patricia-tree/baseTrie.js:285:30)\n    at processNode (/Volumes/Ganache 2.1.1/Ganache.app/Contents/Resources/app.asar/node_modules/ganache-core/node_modules/merkle-patricia-tree/baseTrie.js:521:5)\n    at /Volumes/Ganache 2.1.1/Ganache.app/Contents/Resources/app.asar/node_modules/ganache-core/node_modules/merkle-patricia-tree/baseTrie.js:516:13\n    at /Volumes/Ganache 2.1.1/Ganache.app/Contents/Resources/app.asar/node_modules/ganache-core/node_modules/merkle-patricia-tree/baseTrie.js:180:7\n    at _combinedTickCallback (internal/process/next_tick.js:131:7)\n    at process._tickCallback (internal/process/next_tick.js:180:9)","name":"TXRejectedError"}}}}' {code: -32603, message: "Error: [ethjs-query] while formatting outputs from…ext_tick.js:180:9)","name":"TXRejectedError"}}}}'"}
(anonymous) @ inpage.js:1
(anonymous) @ inpage.js:1
_runReturnHandlers @ inpage.js:1
_processRequest @ inpage.js:1
async function (async)
_processRequest @ inpage.js:1
_handle @ inpage.js:1
handle @ inpage.js:1
_rpcRequest @ inpage.js:1
sendAsync @ inpage.js:1
s.send @ web3.min.js:1
n @ web3.min.js:1
(anonymous) @ web3.min.js:1
u @ web3.min.js:1
(anonymous) @ web3.min.js:1
(anonymous) @ inpage.js:1
Promise.finally (async)
_handle @ inpage.js:1
handle @ inpage.js:1
_rpcRequest @ inpage.js:1
sendAsync @ inpage.js:1
s.send @ web3.min.js:1
n @ web3.min.js:1
t @ web3.min.js:1
t @ web3.min.js:1
o._executeMethod @ web3.min.js:1
(anonymous) @ main.js:24
dispatch @ jquery-3.4.1.min.js:2
v.handle @ jquery-3.4.1.min.js:2
web3.min.js:1 Uncaught (in promise) {code: -32603, message: "Error: [ethjs-query] while formatting outputs from…ext_tick.js:180:9)","name":"TXRejectedError"}}}}'"}
(anonymous) @ web3.min.js:1
setTimeout (async)
_fireError @ web3.min.js:1
u @ web3.min.js:1
(anonymous) @ web3.min.js:1
(anonymous) @ inpage.js:1
Promise.finally (async)
_handle @ inpage.js:1
handle @ inpage.js:1
_rpcRequest @ inpage.js:1
sendAsync @ inpage.js:1
s.send @ web3.min.js:1
n @ web3.min.js:1
(anonymous) @ web3.min.js:1
u @ web3.min.js:1
(anonymous) @ web3.min.js:1
(anonymous) @ inpage.js:1
Promise.finally (async)
_handle @ inpage.js:1
handle @ inpage.js:1
_rpcRequest @ inpage.js:1
sendAsync @ inpage.js:1
s.send @ web3.min.js:1
n @ web3.min.js:1
t @ web3.min.js:1
t @ web3.min.js:1
o._executeMethod @ web3.min.js:1
(anonymous) @ main.js:24
dispatch @ jquery-3.4.1.min.js:2
v.handle @ jquery-3.4.1.min.js:2

This below is my Coinflip.sol code

ragma solidity 0.5.12;

contract Coinflip {

  address public contractOwner;

  constructor() public {
      contractOwner = msg.sender;
  }

  modifier onlyOwner() {
      require(msg.sender == contractOwner, "You are not the owner");
      _;
  }

    uint public contractBalance;
    address public contractAddress;

    modifier costs(uint cost) {
        require(msg.value >= cost, "Minimum amount >= 0.01 ether");
        _;

    }

    event betPlaced(address user, uint bet, bool);
    event contractFunded(address contractOwner, uint);

    //Flip the Coin and check whether user won or lost;
    function flipCoin() public payable costs(0.01 ether) returns(bool) {
        require(address(this).balance >= msg.value, "The contract doesnt have enough balance to play right now. Come Back later");
        bool success;
        if (now % 2 == 0) {
            contractBalance += msg.value;
            success = false;
        }
        else if (now % 2 == 1){
            contractBalance -= msg.value;
            msg.sender.transfer(msg.value * 2);
            success = true;
        }
        //event to be emitted
        emit betPlaced(msg.sender, msg.value, success);
        return success;
    }

    function getBalance() public view returns(address, uint, uint) {
      return(address(this), address(this).balance, contractBalance);
    }

    // withdraw all funds possible only though contractOwner address;
    function withdrawAll() public onlyOwner returns(uint){
        msg.sender.transfer(address(this).balance);
        assert(address(this).balance == 0);
        return address(this).balance;
    }

    function fundContract() public payable onlyOwner returns(uint) {

        require(msg.value != 0);
        emit contractFunded(msg.sender, msg.value);
        return msg.value;
    }
}

and this below is my main.js.

var web3 = new Web3(Web3.givenProvider);
var contractInstance;

$(document).ready(function(){
  window.ethereum.enable().then(function(accounts){
    contractInstance = new web3.eth.Contract(abi, "0x340c4A19652675fFf90C25Ba3C711a5a499b86b3", {from : accounts[0]});
    console.log(contractInstance);
    });

    var config1 = {
      value : web3.utils.toWei("0.5", "ether")
    }
    var config2 = {
      value : web3.utils.toWei("1", "ether")
    }

    var config3 = {
      value : web3.utils.toWei("2", "ether")
    }



    $("#open-door1").click(function(){
      contractInstance.methods.flipCoin().send(config1)
      .on("transactionHash", function(hash){
        console.log(hash);
      })
      .on("confirmation", function(confirmationNr){
        console.log(confirmationNr);
      })
      .on("receipt", function(receipt){
        console.log(receipt);
        alert("Funds received!");
        if(receipt.events.betPlaced.returnValues[2] === false){
            alert("You lost " +  " 0.5 Ether!");
        }
        else if(receipt.events.betPlaced.returnValues[2] === true){
            alert("You won "  + " 0.5 Ether!");
        }
      });

    });

    $("#open-door2").click(function(){
      contractInstance.methods.flipCoin().send(config2)
      .on("transactionHash", function(hash){
        console.log(hash);
      })
      .on("confirmation", function(confirmationNr){
        console.log(confirmationNr);
      })
      .on("receipt", function(receipt){
        console.log(receipt);
        alert("Funds received!");
        if(receipt.events.betPlaced.returnValues[2] === false){
            alert("You lost "  + " 1 Ether!");
        }
        else if(receipt.events.betPlaced.returnValues[2] === true){
            alert("You won "  + " 1 Ether!");
        }
      })
    });

    $("#open-door3").click(function(){
      contractInstance.methods.flipCoin().send(config3)
      .on("transactionHash", function(hash){
        console.log(hash);
      })
      .on("confirmation", function(confirmationNr){
        console.log(confirmationNr);
      })
      .on("receipt", function(receipt){
        console.log(receipt);
        if(receipt.events.betPlaced.returnValues[2] === false){
            alert("You lost " + " 2 Ether!");
        }
        else if(receipt.events.betPlaced.returnValues[2] === true){
            alert("You won "  + " 2 Ether!");
        }
      })
    });
});

and here below is my index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title>FlipCoin</title>
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"
      integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
      crossorigin="anonymous"></script>
    <script type="text/javascript" src="./web3.min.js"></script>
    <script type="text/javascript" src="./abi.js"></script>
    <script type="text/javascript" src="./main.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">

  </head>
  <body>
    <div class="jumbotron jumbotron-fluid">
      <div class="container">
        <h1 class="display-4">CoinFlip Dapp - </h1><h2> Web3's Most Happening
          "Fully Decentralized" Betting App</h2>
        <img src = "data:image/jpeg;base64,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" alt = "Ether Image">
        <p class="lead">Win Double of What You Bet! </p>
      </div>
    </div>
    <div class="container">
      <div>
        <h2>Now time to Bet</h2>

        <button type="button" id="open-door1" class="btn btn-primary">0.5 ETH</button>
        <button type="button" id="open-door2" class="btn btn-primary">1 ETH</button>
        <button type="button" id="open-door3" class="btn btn-primary">2 ETH</button>
      </div>
    </div>
    <div class="jumbotron jumbotron-fluid">
      <div class="container">
        <img src ="https://media2.giphy.com/media/g7GDZf4NXsIpi/giphy.gif?cid=ecf05e477r1ngzmvq4si8tucvi9wizdx3acymzcielzg3sis&rid=giphy.gif , alt = "Money Door">


  </body>
</html>

Please can you inspect and let me know where I am going wrong and why Metamask is showing this error?
https://github.com/Suveett/coinFlip-Dapp.git
This is the full set of files on github
Thanks and regards

Su.Kal Crypto

dan-i · January 4, 2021, 8:15am

Hi @Su.kal.Crypto

There might be a transaction stuck in your metamask due to low fees.

Open MetaMask;
Click on activity and check if you see a tx stuck

If that’s the case follow this guide: https://help.tokensets.com/en/articles/4089766-how-to-push-through-a-stuck-transaction

Su.kal.Crypto · January 4, 2021, 9:16pm

Hi @dan-i

There is no stuck transaction in My Metamask

Here is the screenshot :

Even etherscan doesn’t display a stuck transaction, rather it shows an undefined tx :

Lastly, even after several trials i just keep noticing the following error :

inpage.js:1 MetaMask - RPC Error: Error: [ethjs-query] while formatting outputs from RPC ‘{“value”:{“code”:-32603,“data”:{“message”:“the tx doesn’t have the correct nonce. account has nonce of: 14 tx has nonce of: 20”,“code”:-32000,“data”:{“stack”:“Error: \n at validateNonce (/Volumes/Ganache 2.1.1/Ganache.app/Contents/Resources/app.asar/node_modules/ganache-core/lib/statemanager.js:964:11)\n at blockchain.getQueuedNonce (/Volumes/Ganache 2.1.1/Ganache.app/Contents/Resources/app.asar/node_modules/ganache-core/lib/statemanager.js:973:7)\n at /Volumes/Ganache 2.1.1/Ganache.app/Contents/Resources/app.asar/node_modules/ganache-core/lib/blockchain_double.js:436:5\n at /Volumes/Ganache 2.1.1/Ganache.app/Contents/Resources/app.asar/node_modules/ganache-core/node_modules/merkle-patricia-tree/baseTrie.js:77:5\n at /Volumes/Ganache 2.1.1/Ganache.app/Contents/Resources/app.asar/node_modules/ganache-core/node_modules/merkle-patricia-tree/baseTrie.js:461:14\n at Object.return (/Volumes/Ganache 2.1.1/Ganache.app/Contents/Resources/app.asar/node_modules/ganache-core/node_modules/merkle-patricia-tree/baseTrie.js:485:9)\n at processNode (/Volumes/Ganache 2.1.1/Ganache.app/Contents/Resources/app.asar/node_modules/ganache-core/node_modules/merkle-patricia-tree/baseTrie.js:285:30)\n at processNode (/Volumes/Ganache 2.1.1/Ganache.app/Contents/Resources/app.asar/node_modules/ganache-core/node_modules/merkle-patricia-tree/baseTrie.js:521:5)\n at /Volumes/Ganache 2.1.1/Ganache.app/Contents/Resources/app.asar/node_modules/ganache-core/node_modules/merkle-patricia-tree/baseTrie.js:516:13\n at /Volumes/Ganache 2.1.1/Ganache.app/Contents/Resources/app.asar/node_modules/ganache-core/node_modules/merkle-patricia-tree/baseTrie.js:180:7\n at _combinedTickCallback (internal/process/next_tick.js:131:7)\n at process._tickCallback (internal/process/next_tick.js:180:9)”,“name”:“TXRejectedError”}}}}’ Object

Also, if you will see below that after changing advanced settings nonce the following is displayed

I am really unable to understand, kindly help

thanks and Regards

Su.kal Crypto

dan-i · January 5, 2021, 8:59am

Hi @Su.kal.Crypto

The transaction does not show up in etherscan because you are using your local Ganache blockchain and not the mainnet.
I also notice that in your screenshot you are using accounts[3] and that the last transaction from accounts[3] was the 27th of December.
Are you sure you are triggering a new transaction with accounts[3] and not accounts[1]?

Screenshot 2021-01-05 at 09.57.38

Open Metamask, select accounts[1] and check again if there is a tx stuck there.
Screenshot 2021-01-05 at 09.58.39

Feel free to provide a screenshot.

Happy learning,
Dani

Su.kal.Crypto · January 5, 2021, 11:33am

Dear @dan-i

Yes I am certain i am triggering the transaction from accounts[3]- 0x687f17fe288c4AD8Fa4A918239DaA75b79062B75

see Ganache Screenshot below, and also I am no stuck transactions in accounts[1] and accounts[2]. Its getting really strange

kindly await your further instructions
thanks and Regards

su.kal Crypto

dan-i · January 5, 2021, 3:16pm

Hi @Su.kal.Crypto

Try to reset MetaMask:

Click the account icon on the top-right corner of MetaMask
Select Settings
Select Advanced
Scroll down and click Reset Account

Then restart ganache (possibly also use a new workspace) and retry.

Screenshot 2021-01-05 at 16.16.50

Su.kal.Crypto · January 6, 2021, 2:20pm

Hi @dan-i

I did exactly as you said(in fact my Metamask account wasn’t getting reset so i removed Metamask chrome extension and then reloaded it and even started a new workspace in ganache) but unfortunately now its showing the below error:

Can you tell me where Am i Going wrong ?

Also, after doing some trial errors, i am getting these below messages:

Thanks and Regards

Su.kal Crypto

dan-i · January 7, 2021, 9:15am

Hi @Su.kal.Crypto

Try to convert your contract address to checksum by using this command: Web3.utils.toChecksumAddress(*your address*)

Regards

Su.kal.Crypto · January 7, 2021, 11:30am

Hey @dan-i

Thanks for Help. Now it works.
But encountering now another set of problems. Actually i reset my Metamask again and reconfigured the accounts 3 and also restarted a new workplace in ganache. sending the screenshots below

Let me know where I am still going wrong. Just out of trial and error I have actually learnt so much through this course, but being non technical it always seems insufficient

Thanks and Regards

Su.Kal Crypto

dan-i · January 7, 2021, 12:47pm

The error is related to a require statement in your contract that fails.
Once you fix that issue is should work.

Su.kal.Crypto · January 7, 2021, 4:47pm

Hey @dan-i

Its really getting frustrating now…
I have tried all permutations and combinations

Kindly please help

Below is my code in Github
https://github.com/Suveett/coinFlip-Dapp.git
https://github.com/Suveett/coinFlip-Dapp.git
Kindly let me know where i am going run, coz now i am really scratching my Head…
I managed to solve the Revert error, now having other errors and its taking a heavy toll on me now.
Somehow i have also not become familiar with the Custom Nonce issue, even inspite of going through your recommended readings
thanks and regards
su.kal Crypto

dan-i · January 8, 2021, 9:31am

Hi @Su.kal.Crypto

I took a look at your repo.
Are you sure you pushed the right files on GitHub?

In your main.js I see $("#flip_button").click(flipCoin); but you do not have a button called flip_button in your html.

Also if I add it then I get other web3 errors related to the type of the variable bet that should be a string.

Can you double check, push the right files and let me know?

Regards,
Dani

Su.kal.Crypto · January 8, 2021, 3:29pm

Hi Dani

I am really sorry. I had made changes on Index.html and later forgot to commit the same changes on Github files.

I have now put in the right version of index.html on Github.

I am really Sorry for the debacle.

Now you may please check and revert . Most probably my errors are coming from the metamask side ( RPC error or Maybe Nonce - and honestly i haven’t been able to figure out Metamask configs well until now). As far as the JS code is concerned, I think the code is fine and should work , although since I am not a skilled HTML developer my website is not flashy ( I have just learnt the few basics what Ivan explained in course and also the CS-50 Video showed - If you suggest some other courses I should take, Let me know , will do the same)

https://github.com/Suveett/coinFlip-Dapp.git

Thanks and Regards

su.kal Crypto

dan-i · January 8, 2021, 3:56pm

Hey @Su.kal.Crypto

I am really Sorry for the debacle.

No worries at all

Completely delete the folder build in your project.

Screenshot 2021-01-08 at 16.48.27

Now fix this button in your main.js

    $("#flip_button").click( () => {
      flipCoin();
    });

Again migrate your project:

truffle develop
migrate --reset

Copy and save the new contract address in your main.js

Let me know!

Su.kal.Crypto · January 8, 2021, 4:26pm

Hey Dani

Did everything exactly as you told me.
Now getting the below error:

I changed the address too in my main.js

its showing some Gas error or some error in web3.main.js

Can you really tell me why this is happening ?

should i remove my web3.min.js file too ? and add again ?
should i use the web3.min.js file from the dapp template that Filip had sent during the course ?

I am getting confused now, although it’s good that i am getting to experience these difficulties, makes my resolve to learn even stronger.

Metamask is giving me a Hard time. Until Metamask pop up/ error , everything is running fine
Thanks and Regards

Su.kal

dan-i · January 8, 2021, 4:40pm

Hey @Su.kal.Crypto

There is an error in the address you are using in your main.js

Use this piece of code

  window.ethereum.enable().then(function(accounts){
    contractInstance = new web3.eth.Contract(abi,"0xafba9088A36f0A4AeA75eD9CFCF79857A7Ab3fdB", {from : accounts[0]});
    console.log(`Use contract address: ${contractInstance._address}`);
    });

Change the address above with your contract address.

Refresh the webpage where localhost is open and make sure that the address displayed matches your contract address.

Then you should be able to play

Su.kal.Crypto · January 8, 2021, 5:13pm

Hey Thanks a Ton Dani

Now its all running Fine… Really Really appreciate your support

Su.kal Crypto

Lamar · January 9, 2021, 6:16pm

DevTools failed to load SourceMap: Could not load content for chrome-extension://nkbihfbeogaeaoehlefnkodbefgpgknn/sourcemaps/disable-console.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME

I get the above error when I try to interact with the console, when disabling js and css in settings it dissapears but I still can’t interact with the console it’s just empty. Any help guys=

dan-i · January 10, 2021, 9:45am

Hey @Lamar

That warning is not related to your dapp and should not create any problem to your application

I googled it, take a look here: https://stackoverflow.com/questions/61205390/devtools-failed-to-load-sourcemap-could-not-load-content

If you have issue with your code, create a git repo and push it there so that I can have a look.

Happy learning,
Dani

Lamar · January 10, 2021, 6:05pm

Thanks Dani, I’ve checked that out already, but I still can’t interact with the console, it’s all empty after the error messages, dunno why?