javascript - 在带有以太 JS 的 Next Js 中使用 window.ethereum 时出错

Question

在将 window.ethereum 与 NextJs 新版本一起使用时出现问题，window.ethereum 在 NextJs 12 上运行良好，但当我升级到 NextJs 13 时出现此问题错误。有什么替代方案吗？

代码:-

 const provider = new ethers.providers.Web3Provider(window.ethereum);

 const signer = provider.getSigner();

 console.log(signer);

Answer 1

你需要npm i --save-dev @ethersproject/providers。

import { ExternalProvider } from "@ethersproject/providers";

useEffect(() => {
    async function load() {
      try {
        const provider = new ethers.providers.Web3Provider(
          window.ethereum as unknown as ExternalProvider
        );
       // you get variables
       // then setstate inside useState
      }
      

工作证明: