App.js not running properly on the client side

[dappuniversity]

App.js not running properly on the client side

[lasborne]

Sorry, use this,
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">
</script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="vendor/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="vendor/web3/dist/web3.min.js"></script>
<script src="vendor/truffle-contract/dist/truffle-contract.js"></script>
<script src="app.js"></script>

[lasborne]

Okay, i finally found a way of going through the issue i posted above by following issue #19 updates posted by @ahampriyanshur. But then again, i have run into another issue of ethereum not defined

[iamthekavita]

I am also facing the same issue.
Uncaught TypeError: Web3 is not a constructor
Uncaught (in promise) ReferenceError: Web3 is not defined

any help or solutions are appreciated.

[lasborne]

@iamthekavita
try inserting this <script src="vendor/web3/dist/web3.min.js"></script> in your html before the <script src="vendor/truffle-contract/dist/truffle-contract.js"></script>
i.e., it should be something like this below for your scripts

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">
    </script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="vendor/bootstrap/dist/js/bootstrap.min.js"></script>
    **<script src="vendor/web3/dist/web3.min.js"></script>**
    <script src="vendor/truffle-contract/dist/truffle-contract.js"></script>
    <script src="app.js"></script>

[gurkankaya05]

@iamthekavita try inserting this <script src="vendor/web3/dist/web3.min.js"></script> in your html before the <script src="vendor/truffle-contract/dist/truffle-contract.js"></script> i.e., it should be something like this below for your scripts

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">
    </script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="vendor/bootstrap/dist/js/bootstrap.min.js"></script>
    **<script src="vendor/web3/dist/web3.min.js"></script>**
    <script src="vendor/truffle-contract/dist/truffle-contract.js"></script>
    <script src="app.js"></script>

thanks! This worked for me.