Web3js无法连接错误

Question

我对以太的发展很陌生，所以很可能我做错了。我在本地运行了一个ganache，在那里部署了一个合同，我想构建一个小应用程序来熟悉这个过程。我已经为应用程序开发选择了Vue，目前我遇到了与web3连接到ganache的问题。

在我的根组件中，我创建了一个Web3实例：

const etherUri = 'http://127.0.0.1:7545'

let web3 = new Web3(Web3.currentProvider)

if (!web3.isConnected) {
    return 'Unable to connect to ethereum node at ' + etherUri
} else {
    let accounts = web3.eth.accounts
    return accounts
}

启动和运行，Metamask连接到它，没有任何问题。然而，试图从我的应用程序连接，我总是得到isConnected = false。

该应用程序作为npm run dev服务器运行。控制台没有错误。

我不经常使用js，所以在我的设置中可能有一些错误。任何线索都会很感激的。提前感谢！

Answer 1

试试看

window.addEventListener('load', function() {

    // Checking if Web3 has been injected by the browser (Mist/MetaMask)
    if (typeof web3 !== 'undefined') {
        // Use Mist/MetaMask's provider
        web3js = new Web3(web3.currentProvider);
    } else {
        console.log('No web3? You should consider trying MetaMask!')
        // fallback - use your fallback strategy (local node / hosted node +     in-dapp id mgmt / fail)
        web3js = new Web3(new Web3.providers.HttpProvider("http://    localhost:8545"));
    }

    // Now you can start your app & access web3 freely:
    startApp()

})

Web3 - Ethereum浏览器环境检查

Answer 2

如果您使用的是vue，那么尝试以下操作(类似于shawn的回答)：

const Web3 = require('web3');
let web3js;

export default {
created() {
  if (typeof web3 !== 'undefined') {
    web3js = new Web3(web3.currentProvider);
    // then call functions to determine account and balance
  } else {
    web3js = new Web3(new Web3.providers.HttpProvider(provider));
    // replace provider with URL of your choice
  }
},
...
};

Web3 3/Vue在Github上的实现