开发者问题收集

Web3：无法读取新 ethers.Contract 后的 null 属性

2022-04-28
4362
reactjs solidity web3js ethers.js

我试图在实例化智能合约后立即使用它。但是，我收到错误：

Uncaught (in promise) TypeError: Cannot read properties of null (reading 'call')

我以为在实例化智能合约后我无法访问函数，但似乎不是这样。还能是什么？有人已经遇到过类似的问题吗？

当前代码： 

import React, { useEffect, useState } from 'react';
import Head from 'next/head';

import { useWeb3React } from '@web3-react/core';
import NFTCollectionArtifact from 'artifacts/contracts/NFTCollection.sol/NFTCollection.json';
import { Contract, ethers, Signer } from 'ethers';
import { Provider } from '@openmint/utils/provider';

export const Index = () => {
  const context = useWeb3React<Provider>();
  const { library } = context;

  const [contractInstance, setContractInstance] = useState<Contract | undefined>();
  const [signer, setSigner] = useState<Signer>();
  const [name, setName] = useState<String>('');

  useEffect(() => {

    const address = '0x5FbDB2315678afecb367f032d93F642f64180aa3';
    const nftCollection = new ethers.Contract(
      address,
      NFTCollectionArtifact.abi,
      signer
    );

    setContractInstance(nftCollection);
  }, []);

  useEffect(() => {
    if(!contractInstance) return;

    const setContractName = async () => {
      try{
        console.log(await contractInstance?.name());
        setName(await contractInstance?.name());
      } catch(e){
        console.error('my error', e);
      }
    }
  
    setContractName();
  }, [contractInstance]);

  useEffect((): void => {
    if (!library) {
      setSigner(undefined);
      return;
    }

    setSigner(library.getSigner());
  }, [library]);

  return (
    <>
      <Head>
        <title>Preview NFTs</title>
      </Head>
    </>
  );
};

export default Index;
3个回答

好吧，我仍然不明白以下解决方案为何有效，但如果有人遇到类似的问题，那么这对我有用： 

useEffect((): void => {
    if (!contractInstance) {
      return;
    }

    async function getStatus(MyContract: Contract): Promise<void> {
      const name = await MyContract.name();

      const newStatus: StatusInterface = {
        ...status,
        name
      };

      console.log('newStatus', newStatus);
      if (!isEqual(status, newStatus)) {
        setStatus(newStatus);
      }
    }

    getStatus(contractInstance);
  }, [contractInstance, status, account]);
  • 仅在存在差异时更改状态
  • 将合同作为函数的 prop 传递

我的理解是这是一个范围问题。

Guilherme Felipe Reis
2022-05-02

确保您的环境配置已正确设置帐户。就我而言，发生这种情况是因为我在使用 ethers + hardhat 时在 .env 中设置了额外的 WALLET_PRIVATE_KEY= 行。

Geoff
2022-04-30

如果签名者对象无效/未定义，通常会出现这种情况。任何具有无效签名者对象的活动（如合同创建、调用、发送交易等）都会出现错误：TypeError：无法读取合同中的 null 属性（读取“调用”）。（node_modules@ethersproject\contracts\src.ts\index.ts:397:47）...

Sudeep Sagar
2023-07-01