Web 3からReactへ.jsの適用

2084 ワード
テキストリンク

ブロックチェーンを既存の生成されたPJTに接続しようとすると,上記のような大きなエラーが発生した.
お疲れ様でした…最終的にはバージョンの問題ですが、グーグルもあまり使いにくいです.
とにかく解決したReact에 web3.js 세팅하기
  • web 3&web 3-utilsをインストールします.
    • npm install web3 web3-utils
  • 画面に表示されているものはすべてインストールされます.
    • npm install --save-dev react-app-rewired crypto-browserify stream-browserify assert stream-http https-browserify os-browserify url buffer process
  • frontend/config-overrides.jsファイルを生成します.
    • const webpack = require('webpack');

module.exports = function override(config) {
    const fallback = config.resolve.fallback || {};
    Object.assign(fallback, {
        "crypto": require.resolve("crypto-browserify"),
        "stream": require.resolve("stream-browserify"),
        "assert": require.resolve("assert"),
        "http": require.resolve("stream-http"),
        "https": require.resolve("https-browserify"),
        "os": require.resolve("os-browserify"),
        "url": require.resolve("url")
    })
    config.resolve.fallback = fallback;
    config.plugins = (config.plugins || []).concat([
        new webpack.ProvidePlugin({
            process: 'process/browser',
            Buffer: ['buffer', 'Buffer']
        })
    ])
    return config;
}
  • Package.スクリプトセクションを変更して、jsonでrewiredで実行します.
    •   "scripts": {
    "start": "react-app-rewired start",
    "build": "react-app-rewired build",
    "test": "react-app-rewired test",
    "eject": "react-scripts eject"
  },

    ソース


    https://blockmonkeys.tistory.com/168?category=924760
    ADOマルチスレッドデータベースクエリー
    struts 2検証フレームワーク検証ファイルソースコードの検索