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

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.

I could be an issue on 1Inch side

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.

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>

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

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;
  }
}