Javascript Web3没有连接

我用truffle unbox react做了一个新项目，假设我用Infura直接将dapp部署到Rinkeby，我在app.js中与web3交互时遇到问题

我的src文件夹中有一个web3文件，这里是它的内容

import Web3 from 'web3';

let web3 = new Promise(function(resolve, reject) {

window.addEventListener('load', function() {
 var results
 var web3 = window.web3

if (typeof web3 !== 'undefined') {
  web3 = new Web3(web3.currentProvider)

  results = {
    web3: web3
  }
  console.log(web3);
  console.log('Injected web3 detected.');

  resolve(results)
} else {
  var provider = new Web3.providers.HttpProvider('http://127.0.0.1:9545')

  web3 = new Web3(provider)

  results = {
    web3: web3
  }

  console.log('No web3 instance injected, using Local web3.');

  resolve(results)
  }
 })  
})

 export default web3

然后我将该文件导入我的app.js

import web3 from './web3';

我只是调用了一个JSX段落标记

  <p>  web3.utils.fromWei(this.state.balance, 'ether')  </p>

web3.utils.fromWei（this.state.balance，'ether'）

我在控制台日志中得到的错误如下：“UncaughtTypeError:无法读取未定义的属性'fromWei'”

我是在运行truffle unbox react命令时下载了web3（可能不正确）的假设下运行的，因此无需使用npm安装它

知道我哪里出错了吗

---

谢谢

这是一个异步调用，您必须等待它<代码>等待web3.utils.fromWei（this.state.balance，'ether'）应该这样做

尝试

web3.fromWei

未工作错误现在显示：

uncaughttypeerror:\u web2.default.fromWei不是函数