solana web3.js事务参考：可以找到变量：缓冲区

Question

我使用solana package @solana/web3.js在打字稿中遇到了一个错误。我已经开发了一个钱包应用程序，以生成新的键盘，建立连接，接收空调，获取我的公共关键的交易列表。但是，我坚持将交易发送给其他钱包。

我在下面运行代码，并且捕获方法记录了错误： [ReferenceError：找不到变量：buffer] 我的代码：

import {
  clusterApiUrl,
  Connection,
  LAMPORTS_PER_SOL,
  Keypair,
  ParsedTransactionWithMeta,
  Transaction,
  SystemProgram,
  sendAndConfirmTransaction,
  PublicKey,
  Signer,
} from '@solana/web3.js';

  const [keypair, setKeypair] = useState<Keypair>();
  const [keypair2, setKeypair2] = useState<Keypair>();
  const connection = new Connection(clusterApiUrl('devnet'), 'confirmed');

  const generateNewKeys = () => {
    console.log('trying to get new keypair');
    setKeypair(() => Keypair.generate());
    setKeypair2(() => Keypair.generate());
    console.log('Generated new keypair');
  };

  const sendTransaction = async () => {
    console.log('initializing sending');
    if (keypair && keypair2) {
      try {
        console.log('Attempting to send');
        let transaction = new Transaction().add(
          SystemProgram.transfer({
            fromPubkey: keypair.publicKey,
            toPubkey: keypair2.publicKey,
            lamports: amount * LAMPORTS_PER_SOL,
          }),
        );
        console.log('Created transaction');
        const signer: Signer = keypair;
        await sendAndConfirmTransaction(connection, transaction, [signer]);
        updateBalance();
        updateTransactions();
      } catch (e) {
        console.log(e);
      }
    }
  };

运行sendtransaction函数时，它会记录“尝试发送”，而不是“创建的事务”，它指向创建变量“交易”的问题。

老实说，我被卡住了，我将代码与其他人进行了比较，尽管没有差异，但它行不通。

Answer 1

我认为这是一个使用Create React App（CRA）和WebPack 5进行的项目。WebPack5不会自动执行Node.js API Polyfills，因此您需要手动执行此操作。

实际上，这意味着：

yarn add -D buffer

还需要覆盖您的WebPack配置，

const webpack = require("webpack");

module.exports = function override(webpackConfig) {
  // ..
  webpackConfig.resolve.fallback = {
    buffer: require.resolve("buffer"),
  };

  webpackConfig.plugins = [
    ...webpackConfig.plugins,
    new webpack.ProvidePlugin({
      Buffer: ["buffer", "Buffer"],
    }),
  ];
  return webpackConfig;
};

这是用CRA和WebPack 5 https://github.com/bonfida/serverless-merch/blob/master/ui/config-overrides.js