uck typeerror：_web3client__webpack_imported_module_1 __。minttoken。而不是函数

Question

我正在尝试将我的智能合约与Frontend React JS集成，但是在使用合同方法时，我会遇到此错误。

我之前遇到了React Scripts版本的错误，因此我安装了一个小于5的版本，现在我遇到了此错误。有关系吗？请帮忙。

Uncaught TypeError: _Web3Client__WEBPACK_IMPORTED_MODULE_1__.mintToken.then is not a function

app.js文件

import React, { useEffect, useState } from 'react';
import { init, mintToken } from './Web3Client';
function App() {
  const [minted, setMinted] = useState(false);
  const mint = () => {
    mintToken
      .then((tx) => {
        console.log(tx);
        setMinted(true);
      })
      .catch((err) => {
        console.log(err);
      });
  };
  return (
    <div className="App">
      {!minted ? (
        <button onClick={() => mint()}>Mint Token</button>
      ) : (
        <p>Token Minted successfully</p>
      )}
    </div>
  );
}

export default App;

web3client.js文件

import Web3 from 'web3';
import NFTContract from './NFT.json';
let selectedAccount;
let nftContract;
let isInitialized = false;
export const init = async () => {
  let provider = window.ethereum; //
  if (typeof provider !== 'undefined') {
    //metamask is installed
    provider
      .request({ method: 'eth_requestAccounts' })
      .then((accounts) => {
        selectedAccount = accounts[0];
        console.log(`selected account is ${selectedAccount}`);
      })
      .catch((err) => {
        console.log(err);
        return;
      });
    window.ethereum.on('accountsChanged', function (accounts) {
      selectedAccount = accounts[0];
      console.log(`Selected account changed to ${selectedAccount}`);
    });
  }
  const web3 = Web3(provider);
  const networkId = await web3.eth.net.getId();
  nftContract = new web3.eth.Contract(
    NFTContract.abi,
    NFTContract.networks[networkId].address
  );
  isInitialized = true;
};
export const mintToken = async () => {
  if (!isInitialized) {
    await init();
  }
  return nftContract.methods
    .mint(selectedAccount)
    .send({ from: selectedAccount });
};

NFT合同

pragma solidity >=0.8.9;

import '@openzeppelin/contracts/token/ERC721/ERC721.sol';

contract NFT is ERC721 {
  constructor() ERC721('Coolest NFT', 'NFT') {}

  uint256 private _tokenId = 0;

  function mint() external returns (uint256) {
    _tokenId++;
    _mint(msg.sender, _tokenId);
    return _tokenId;
  }
}

Answer 1

。然后（）是承诺的回调，但是您的minttoken（）方法不会返回承诺。您需要做到这一点：

export const mintToken = async () => {
  return new Promise(async(resolve,reject) => {
   if (!isInitialized) {
     await init();
   }

   const _txn = nftContract.methods
     .mint(selectedAccount)
     .send({ from: selectedAccount });

    resolve(_txn);
  });
};