I am unable to connect Ganache with Truffle Npm Dev server Pls help

Question

I am unable to work with Truffle and Ganache-cli. Have deployed the contract and can play with that using truffle console:

truffle(development)>
Voting.deployed().then(function(contractInstance)
{contractInstance.voteForCandidate('Rama').then(function(v)
{console.log(v)})})
undefined
truffle(development)> { tx:
'0xe4f8d00f7732c09df9e832bba0be9f37c3e2f594d3fbb8aba93fcb7faa0f441d',
  receipt:
   { transactionHash:
'0xe4f8d00f7732c09df9e832bba0be9f37c3e2f594d3fbb8aba93fcb7faa0f441d',
     transactionIndex: 0,
     blockHash:
'0x639482c03dba071973c162668903ab98fb6ba4dbd8878e15ec7539b83f0e888f',
     blockNumber: 10,
     gasUsed: 28387,
     cumulativeGasUsed: 28387,
     contractAddress: null,
     logs: [],
     status: '0x01',
     logsBloom: ... }

Now when i started a server using "npm run dev". Server started fine but is not connecting with the Blockchain and I am getting the error:

Uncaught (in promise) Error: Contract has not been deployed to detected network (network/artifact mismatch)

Can you please guide me on how to connect ?

Answer 1

The issue is at CurrentProvider. Give the url of ganache blockchain provider and it'll work.

if (typeof web3 !== 'undefined') {
console.warn("Using web3 detected from external source like Metamask")
// Use Mist/MetaMask's provider
// window.web3 = new Web3(web3.currentProvider);
window.web3 = new Web3(new Web3.providers.HttpProvider("http://localhost:7545"));

  } else {
console.warn("No web3 detected. Falling back to http://localhost:8545. You should remove this fallback when you deploy live, as it's inherently insecure. Consider switching to Metamask for development");
// fallback - use your fallback strategy (local node / hosted node + in-dapp id mgmt / fail)

Answer 2

You can try running truffle compile (and/or truffle migrate) with the --reset flag.