Контрактный объект web3 не определен в HTML, но работает в консоли

Question

При открытии моего dapp в браузере он не работает ниже строки, указанной в коде. Используя объект договора MyContract в консоли браузера он также возвращает undefined,

Но при построении этого объекта контракта в консоли браузера путем копирования строки: web3.eth.contract(abi) в это я получаю правильное возвращаемое значение: ContractFactory {eth: Eth, abi: Array(24), new: ƒ}, Также печатать abi в консоли работает нормально, но почему объект MyContract не получить признание?

Вот фрагмент кода, который я использую:

<script src="https://cdn.jsdelivr.net/npm/web3@0.19.0/dist/web3.js"></script>
<script>
    window.web3 = new Web3(new Web3.providers.HttpProvider("https://ropsten.infura.io/mykey"));
    var abi = [{"... my abi ..."}];
    var MyContract = web3.eth.contract(abi);       // !doesnt work from here!
    var myContractInstance = MyContract.at('0x...');
</script>