notworking.js

import Web3 from "web3";
import { getWeb3 } from "./utils/web3";

const Contract = require("truffle-contract");

import * as SaleABI from "../../build/contracts/YabbySale.json";
import * as CoinABI from "../../build/contracts/YabbyCoin.json";

function showWeb3(divName: string, web3: Web3) {
  const elt = document.getElementById(divName);

  if (elt !== null) {
    elt.innerText = web3.currentProvider.toString();
  }
}

const web3 = getWeb3();

function getContract(ABI: any, web3: Web3) {
  const contract = Contract(ABI);
  contract.setProvider(web3);
  return contract;
}

showWeb3("greeting", web3);
getContract(SaleABI, web3);
getContract(CoinABI, web3);
console.log("Loaded contracts");

working.js

import Web3 from "web3";
import { getWeb3 } from "./utils/web3";

const Contract = require("truffle-contract");

import * as SaleABI from "../../build/contracts/YabbySale.json";
import * as CoinABI from "../../build/contracts/YabbyCoin.json";

function showWeb3(divName: string, web3: Web3) {
  const elt = document.getElementById(divName);

  if (elt !== null) {
    elt.innerText = web3.currentProvider.toString();
  }
}

const web3 = getWeb3();

function getContract(ABI: any, web3: Web3) {
  const contract = Contract(ABI);
  contract.setProvider(web3);
  return contract;
}

showWeb3("greeting", web3);
//getContract(SaleABI, web3);
//getContract(CoinABI, web3);
console.log("Loaded contracts");