导入 sdk 时，Angular 出现空白白屏

Question

我想在我的 Angular 项目中使用

@eth-optimism/sdk

。但是当我使用

import * as optimismSDK from "@eth-optimism/sdk"

导入 sdk 并尝试调用其函数（例如

CrossChainMessenger

Angular）时，我会得到一个白色的空白屏幕，没有任何控制台错误。

在我的发送组件中：

import * as optimism from "@eth-optimism/sdk";

@Component({
    selector: 'app-send',
    templateUrl: './send.component.html',
    styleUrls: ['./send.component.css'],
})

export class SendComponent implements OnInit {
constructor(){}

async send() {

    const signer = await getEthersSigner({
        chainId: 5,
    })

    let crossChainMessenger = new sdk.CrossChainMessenger(
        {
            l1ChainId: 5,
            l2ChainId: 420,
            l1SignerOrProvider: signer,
            l2SignerOrProvider: new ethers.providers.JsonRpcProvider(
                "https://goerli.optimism.io"
            ),
        }
    );

}

我缩短了我的代码，但是当我使用

 new sdk.CrossChainMessenger

我的应用程序崩溃了

Answer 1

试试这个：

import { CrossChainMessenger } from "@eth-optimism/sdk";