keccak.js未定义的ReferenceError:缓冲区未定义开发者社区

相关文章推荐

追风的花生 · Map in React js with ...· 2 月前 ·

温柔的保温杯 · How to Use the ...· 2 月前 ·

奔跑的凳子 · Loading in Rive Files ...· 2 月前 ·

踢足球的遥控器 · React DnD· 2 周前 ·

星星上的苦瓜 · 代码块 | Docusaurus· 1 周前 ·

重感情的茶壶 · 如何使用matplotlib实时更新图表？· 1 年前 ·

坏坏的丝瓜 · Latex设置字体大小及表格中的文字大小等- ...· 2 年前 ·

忐忑的爆米花 · Mybatis ...· 2 年前 ·

小眼睛的米饭 · 涨姿势：利用AndroidStudio自带的 ...· 2 年前 ·

腾讯云

开发者社区

文档意见反馈控制台

首页 TVP

文章/答案/技术大牛

发布

import './App.css';
import { useState, useEffect } from 'react';
//Import de la librairie ethers (comme web3.js)
import { ethers } from 'ethers';
const { MerkleTree } = require('merkletreejs')
const keccak256 = require('keccak256');
const tokens = require('./tokens.json')
function App() {
  function isWhitelisted() {
    let tab = [];
    tokens.map(token => {
      tab.push(token.address);
    const leaves = tab.map(v => keccak256(v));
    console.log(leaves);
    const tree = new MerkleTree(leaves, keccak256, { sort: true });
    const leaf = keccak256("0x7D8a1f6A5efc16E88FeF87E7745EAc2F5Cbc88D7")
    const proof = tree.getHexProof(leaf);
  return (
    <div className="App">
      <button onClick={isWhitelisted}>TEST</button>
export default App;

keccak.js:41 Uncaught ReferenceError: Buffer is not defined
    at Keccak.update (keccak.js:41)
    at keccak256 (keccak256.js:11)
    at App.js:16
    at Array.map (<anonymous>)
    at isWhitelisted (App.js:16)
    at HTMLUnknownElement.callCallback (react-dom.development.js:3945)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:3994)
    at invokeGuardedCallback (react-dom.development.js:4056)
    at invokeGuardedCallbackAndCatchFirstError (react-dom.development.js:4070)
    at executeDispatch (react-dom.development.js:8243)

const leaves = tab.map(v => keccak256(v));

"react-scripts": "5.0.0",

"react-scripts": "4.0.3",

"scripts": {
    "start": "react-scripts --openssl-legacy-provider start",
    "build": "react-scripts --openssl-legacy-provider build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

$ npm run build
> xxx@0.1.0 build
> react-scripts --openssl-legacy-provider build
Creating an optimized production build...
Failed to compile.
./node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs
Can't import the named export 'Children' from non EcmaScript module (only default export is available)

{
  "name": "darksecret",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@chakra-ui/react": "^2.0.0",
    "@emotion/react": "^11.9.0",
    "@emotion/styled": "^11.8.1",
    "@openzeppelin/contracts": "^4.6.0",
    "@testing-library/jest-dom": "^5.16.4",
    "@testing-library/react": "^13.2.0",
    "@testing-library/user-event": "^13.5.0",
    "Buffer": "^0.0.0",
    "keccak256": "1.0.6",
    "merkletreejs": "0.2.31",
    "react": "^18.1.0",
    "react-dom": "^18.1.0",
    "react-scripts": "4.0.3",
    "web-vitals": "^2.1.4",
    "framer-motion" : "4.1.7"
  "scripts": {
    "start": "react-scripts --openssl-legacy-provider start",
    "build": "react-scripts --openssl-legacy-provider build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  }

[2022-05-26 01:29:36] Running custom build command: npm run build
[2022-05-26 01:29:37] 
[2022-05-26 01:29:37] > felinesoulmate_web@0.1.0 build
[2022-05-26 01:29:37] > react-scripts --openssl-legacy-provider build
[2022-05-26 01:29:37] 
[2022-05-26 01:29:37] /layers/heroku_nodejs-engine/nodejs/bin/node: bad option: --openssl-legacy-provider
[2022-05-26 01:29:37] building: exit status 9

回答 4

Stack Overflow用户

Stack Overflow用户