Base45 -未定义的ReferenceError:缓冲区未定义(React )

Question

日安。我有通过创建-反应-应用程序创建的应用程序，我正在试图创建的眼镜蛇绿通行证解码器。我对base45解码有一个问题。它会导致这样的错误：

base45-js.js:60 Uncaught ReferenceError: Buffer is not defined
    at Object.decode (base45-js.js:60:1)
    at CovidPass (CovidPass.js:10:1)
    at renderWithHooks (react-dom.development.js:14985:1)
    at mountIndeterminateComponent (react-dom.development.js:17811:1)
    at beginWork (react-dom.development.js:19049:1)
    at HTMLUnknownElement.callCallback (react-dom.development.js:3945:1)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:3994:1)
    at invokeGuardedCallback (react-dom.development.js:4056:1)
    at beginWork$1 (react-dom.development.js:23964:1)
    at performUnitOfWork (react-dom.development.js:22776:1)

这是密码。有什么办法解决这个问题吗？

import React from 'react';
import cbor from 'cbor-web';
import base45 from 'base45';
import pako from 'pako';   

const CovidPass = () => {
    const decodedBase45 = base45.decode('I2B-KEP2');
    console.log(decodedBase45);

    return (
        <p>{decodedBase45}</p>
    );
}

export default CovidPass;

Answer 1

这是一个古老的答案：

安装浏览器缓冲区包：

npm install --save buffer

导入并直接使用它，例如：

import {Buffer} from 'buffer';
Buffer.from('anything','base64');

参考文献：

Uncaught ReferenceError: Buffer is not defined in React

Answer 2

我通过将"react-scripts": "5.0.0"降级为"react-scripts": "4.0.3" in package.json并运行npm install来解决这个问题。但我认为有更好的解决办法。