Erc20 front end problem

Developers
1

I get the code for the erc20 token and deploy it. It runs as expected. Then I create a front end for the coding. In the front end, I get the total supply, name, decimal output in the front end. I get the output for the transfer function in an erc20 in the command line, but it doesn’t work in the front end. I listed the code below. Can anyone help me?

motoko code:

image
image629×522 45.6 KB

Front end code:
4bNqF0FoTV

zGWfUeWLtc
zGWfUeWLtc704×111 16.6 KB

It doesn’t work in the front end. But in the command line, it works.

2

val needs to be a number

3

I already put type Number=Nat; before the transfer function. I got the result in the command line but I don’t get the output in the front end. What mistake have I done?

4

Can you explain clearly? What I have to change?

5

.value from an input is going to be a string. You’ll need to pass

Number(val)

image

1 Like
6

I did what you said, but the output returns boolean false. It doesn’t transfer token
mYyizKMS3t
code:

Nr9ahV2fqo
Nr9ahV2fqo768×108 17.6 KB

What I have to change?please explain

7

What I have to change?

8

Maybe return an error at the different parts in the code to figure out why it’s return false? Looks like from_balance is either null (ie no balance) or not enough. Remeber you are using the caller’s balance

9

That makes sense. to @stephenandrews point - the JavaScript agent makes calls as an AnonymousAgent by default. You’ll need an identity strategy for your frontend to manage who can have a balance

1 Like
10

I have balance transfer function is worked in command line

11

What I have to change ?Please help me

12

You need authentication client side so that the canister knows who is calling and what balance to transfer from.

13

In the client side ,How to get the information of caller information. Can you give ma a one example related to that

14

The most ready-made solution right now is internet identity. Here’s an example application I put together as a reference

1 Like
15

Thank you . I will check

16

How to install the dependencies for this project? I clone this project. Then what I have to do?

17 
npm install
dfx start --clean --background
dfx deploy
npm start

Should get you up and running

18

I put npm install, then I put npm start, It shows you are not downloaded typescript, then I install typescript also I installed @dfinity/candid,@dfinity/identity,@dfinity/authentication
Then it shows an error like this:
dCvde0Kay3

19

ah yeah. You can create a file named .env and add

CANISTER_ID=<whoami_canister_id>

I should add these steps to the readme