# Error logging icrc1 token name in frontend

**URL:** <https://forum.dfinity.org/t/error-logging-icrc1-token-name-in-frontend/22898>\
**Category:** Getting Started\
**Tags:** JavaScript, Frontend\
**Created:** [September 10, 2023, 7:53pm UTC](https://forum.dfinity.org/t/error-logging-icrc1-token-name-in-frontend/22898 "2023-09-10T19:53:27Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![nolma](https://avatars.discourse-cdn.com/v4/letter/n/9f8e36/32.png) [@nolma](https://forum.dfinity.org/u/nolma)\
**Post date:** [September 10, 2023, 7:53pm UTC](https://forum.dfinity.org/t/error-logging-icrc1-token-name-in-frontend/22898/1 "2023-09-10T19:53:27Z")

</div>

Why am I not seeing a response to my query here?  
How do I call a function on the canister from my frontend?

```auto
import { token_lobby_backend } from "../../declarations/token_lobby_backend";
import { idlFactory } from "../../declarations/token/token.did.js";

document.querySelector("form").addEventListener("submit", async (e) => {
  e.preventDefault();
  const button = e.target.querySelector("button");

  const name = document.getElementById("name").value.toString();

  button.setAttribute("disabled", true);

  const token = "avqkn-guaaa-aaaaa-qaaea-cai"
  const whitelist = [token];
  await window.ic.plug.requestConnect({
          whitelist,
        });
        var p = await window.ic.plug.agent.getPrincipal();
        //setAccAdd(p.toString());
        console.log(p.toString());
        const a = {
          owner: p,
          subaccount: [],
        }
        const actor = await window.ic.plug.createActor({
          canisterId: token,
          interfaceFactory: idlFactory,
        });
        console.log(actor);
        console.log("asking for name")
        const token_name = await actor.icrc1_name();
        console.log(token_name); //this line does not show in console logs

```

![image](https://us1.discourse-cdn.com/flex023/uploads/dfn/original/2X/b/b68cc5dce5d9e08660e5cf682761d3aa498f81c3.png)

Why am I not seeing a response?

---

<div class="post-metadata">

**Author:** ![anon74414410](https://avatars.discourse-cdn.com/v4/letter/a/85f322/32.png) [@anon74414410](https://forum.dfinity.org/u/anon74414410)\
**Post date:** [September 11, 2023, 9:51pm UTC](https://forum.dfinity.org/t/error-logging-icrc1-token-name-in-frontend/22898/2 "2023-09-11T21:51:20Z")

</div>

I would expect some sort of error in that case. Are there network requests going out anywhere? Since you appear to be on `127.0.0.1:4943` I would also expect that you need to set the `host` somewhere, but maybe Plug takes care of that for you

---

<div class="post-metadata">

**Author:** ![nolma](https://avatars.discourse-cdn.com/v4/letter/n/9f8e36/32.png) [@nolma](https://forum.dfinity.org/u/nolma)\
**Post date:** [September 20, 2023, 10:51pm UTC](https://forum.dfinity.org/t/error-logging-icrc1-token-name-in-frontend/22898/3 "2023-09-20T22:51:20Z")

</div>

Attached is the network activity.

Is there a recommended wallet by DFINITY? It would be great to have a complete hello world PLUS wallet integration example end-to-end.

 ![image-capture](https://us1.discourse-cdn.com/flex023/uploads/dfn/original/2X/0/0a8190b905867e0d8f04952147b5d3d69149cd6c.png)

---

<div class="post-metadata">

**Author:** ![anon74414410](https://avatars.discourse-cdn.com/v4/letter/a/85f322/32.png) [@anon74414410](https://forum.dfinity.org/u/anon74414410)\
**Post date:** [September 21, 2023, 9:44pm UTC](https://forum.dfinity.org/t/error-logging-icrc1-token-name-in-frontend/22898/4 "2023-09-21T21:44:06Z")

</div>

Dfinity has refrained from endorsing wallets. The main strategy we’ve endorsed in terms of documentation is using Internet Identity, as we’ve done in the NNS Dapp

---

<div class="post-metadata">

**Author:** ![nolma](https://avatars.discourse-cdn.com/v4/letter/n/9f8e36/32.png) [@nolma](https://forum.dfinity.org/u/nolma)\
**Post date:** [November 7, 2023, 7:46pm UTC](https://forum.dfinity.org/t/error-logging-icrc1-token-name-in-frontend/22898/5 "2023-11-07T19:46:00Z")

</div>

Ok, does the code make sense? I would expect

```auto
 const actor = await window.ic.plug.createActor({
          canisterId: token,
          interfaceFactory: idlFactory,
        });
        console.log(actor);
        console.log("asking for name")
        const token_name = await actor.icrc1_name();
        console.log(token_name); //this line does not show in console

```

to work - do you have a sample project that reads read only data from a canister?

---

<div class="post-metadata">

**Author:** ![anon74414410](https://avatars.discourse-cdn.com/v4/letter/a/85f322/32.png) [@anon74414410](https://forum.dfinity.org/u/anon74414410)\
**Post date:** [November 7, 2023, 8:04pm UTC](https://forum.dfinity.org/t/error-logging-icrc1-token-name-in-frontend/22898/6 "2023-11-07T20:04:59Z")

</div>

On the surface, it looks like that would work. Is there an error being thrown? Also, what’s happening in the network tab?