web3js - 无法使用 ethereum.enable() 连接到元掩码

Question

我实际上尝试使用 truffle pet-box 构建一个简单的分散式应用程序。我的项目的 App.js 部分存在一些问题。我无法将它连接到 MetaMask。我用它来连接：

initWeb3: async function() {
    // Modern dapp browsers...
    if (window.ethereum) {
      App.web3Provider = window.ethereum;
        // Request account access
       try {
    // Will open the MetaMask UI
    // You should disable this button while the request is pending!
    **await ethereum.enable();**
  } catch (error) {
    console.error(error);
  }
}

我在控制台中遇到错误，如下所示：

然后我将代码更改为：

initWeb3: async function() {
        // Modern dapp browsers...
        if (window.ethereum) {
          App.web3Provider = window.ethereum;
            // Request account access
           try {
        // Will open the MetaMask UI
        // You should disable this button while the request is pending!
       **ethereum.request({ method: 'eth_requestAccounts' });**
      } catch (error) {
        console.error(error);
      }
    }

但是仍然存在一些问题，我看到了这一点：

如何连接到元掩码？我一直在尝试很多，但没有任何效果。