I am getting this browser error "Failed to load resource: the server responded with a status of 500 ()" for loading tokens from 1inch

Moralis General
#1

I am getting this error on browser console:

Failed to load resource: the server responded with a status of 500 ()

With resource it is referring to the tokens,
including their images, that is why they are not displaying on page load.

I also get:

0xb4bebd34f6daafd808f73de0d10235a92fbb6c3d.png:1 GET https://tokens.1inch.io/0xb4bebd34f6daafd808f73de0d10235a92fbb6c3d.png 500
0xaf5191b0de278c7286d6c7cc6ab6bb8a73ba2cd6.png:1 GET https://tokens.1inch.io/0xaf5191b0de278c7286d6c7cc6ab6bb8a73ba2cd6.png 404

The URLs above are not accessible in browser as well. I also have two functions with scripts that are not loading. I guess those scripts are not loaded due to this errors from this image links.

Thank you in advance for any feedback on this issue.

#2

I could be an issue on 1Inch side

#3

Did you solve issue the which you posted in discord regarding selectFrom() and selectTo() function? If not, please share your code or github repo to check.

#4

No, I have not solved it as the issue keeps on going.

Here is the code for that:

        <script>
        //Place BTCB/USDC pair on page load (Login Required)
        window.onload = (() => {
if(document.getElementById('from_token_select')){ selectFrom() };
if(document.getElementById('to_token_select')){ selectTo() };
})

function selectFrom(e) {
    tokens["0x2260fac5e5542a773aa44fbcfedf7c193bc2c599"] = {
    address: "0x2260fac5e5542a773aa44fbcfedf7c193bc2c599",
    decimals: 8,
    logoURI: "https://tokens.1inch.io/0x2260fac5e5542a773aa44fbcfedf7c193bc2c599.png",
    name: 'Wrapped BTC',
    symbol: 'WBTC',
  };
  }

  function selectTo(e) {
    tokens["0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48"] = {
    address: "0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48",
    decimals: 6,
    logoURI: "https://tokens.1inch.io/0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48.png",
    name: "USD Coin",
    symbol: "USDC",
  };
  }
        </script>
#5

What is the rest of your code? And your selectFrom and selectTo functions don’t do anything.

#6

Just the modal from where these tokens can be chosen and some javascript for the 1inch plugin.

    <div class="modal" id="token_modal" tabindex="-1" role="dialog">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title">Select token</h5>
            <button
              id="modal_close"
              type="button"
              class="close"
              data-dismiss="modal"
              aria-label="Close"
            >
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            <div id="token_list"></div>
          </div>
        </div>
      </div>
    </div>

let currentTrade = {};
let currentSelectSide;
let tokens;

async function init() {
  await Moralis.start({ serverUrl, appId });
  if(!Moralis.isWeb3Enabled()){
    await Moralis.enableWeb3()
}
  await listAvailableTokens();
  currentUser = Moralis.User.current();
  if (currentUser) {
    document.getElementById("swap_button").disabled = false;
  }
}

async function listAvailableTokens() {
  const result = await Moralis.Plugins.oneInch.getSupportedTokens({
    chain: "eth", // The blockchain you want to use (eth/bsc/polygon)
  });

  tokens = result.tokens;
  tokens["0xacfc95585d80ab62f67a14c566c1b7a49fe91167"] = {
    address: "0xacfc95585d80ab62f67a14c566c1b7a49fe91167",
    decimals: 18,
    logoURI: "https://s2.coinmarketcap.com/static/img/coins/64x64/8397.png",
    name: "FEG Token",
    symbol: "FEG",
  };
  tokens["0x42981d0bfbAf196529376EE702F2a9Eb9092fcB5"] = {
    address: "0x42981d0bfbAf196529376EE702F2a9Eb9092fcB5",
    decimals: 18,
    logoURI: "https://s2.coinmarketcap.com/static/img/coins/64x64/16162.png",
    name: "SafeMoon V2",
    symbol: "SafeMoon",
  };
  let parent = document.getElementById("token_list");
  for (const address in tokens) {
    let token = tokens[address];
    let div = document.createElement("div");
    div.setAttribute("data-address", address);
    div.className = "token_row";
    let html = `
        <img class="token_list_img" src="${token.logoURI}">
        <span class="token_list_text">${token.symbol}</span>
        `;
    div.innerHTML = html;
    div.onclick = () => {
      selectToken(address);
    };
    parent.appendChild(div);
  }
}

function selectToken(address) {
  closeModal();
  console.log(tokens);
  currentTrade[currentSelectSide] = tokens[address];
  console.log(currentTrade);
  renderInterface();
  getQuote();
}

function renderInterface() {
  if (currentTrade.from) {
    document.getElementById("from_token_img").src = currentTrade.from.logoURI;
    document.getElementById("from_token_text").innerHTML =
      currentTrade.from.symbol;
  }
  if (currentTrade.to) {
    document.getElementById("to_token_img").src = currentTrade.to.logoURI;
    document.getElementById("to_token_text").innerHTML = currentTrade.to.symbol;
  }
}