TruffleSuiteで始めるDapps開発3 - テコテック開発者ブログ

どうも、次世代デジタル基盤開発事業部（旧ブロックチェーン事業部）の土田です。

前回、GanacheのGUIアプリ上でコントラクトやイベントログが確認出来ませんでした。今回はこちらの対応を行っていきます。

tec.tecotec.co.jp

今回のゴール

GanacheのGUIアプリからコントラクトやイベントログを確認します。

現状の確認

ここまで手順を追っていただいた方はGUIからCONTRACTSタブとEVENTSタブを確認しても、何も表示されていないはずです。 f:id:teco_tsuchida:20210930091906p:plain

こちらを表示させたいと思います。

Truffle Projectsの追加

設定を開きます。 f:id:teco_tsuchida:20210930091957p:plain

WORKSPACEタブのTRUFFLE PROJECTSからtruffle-config.jsを指定します。本来はこれで完了です。 f:id:teco_tsuchida:20210930092010p:plain （wslには\\wsl$\{ディストリビューション}でファイルへアクセスできます。）

しかし、このまま再起動したらロード画面が延々と続くはずです。もしそのような状態になった場合は、一度GUIを落として再度設定を開き、REMOVE PROJECTで指定したファイルを削除して下さい。

なぜ上手く行かないのか？

原因はNode側の問題だと言われていますが、続報が無いのでなんともし難いですね・・・。

github.com

解決策

ビルドされたコントラクトが分かれば問題ないので、それらを指定するようにします。

ビルドされたコントラクトですが、truffle-config.jsにcontracts_build_directoryの指定先にあるはずです。

const path = require("path");

module.exports = {
  // See <http://truffleframework.com/docs/advanced/configuration>
  // to customize your Truffle configuration!
  contracts_build_directory: path.join(__dirname, "client/src/contracts"),
  networks: {
    development: {
      host: "127.0.0.1",
      port: 8545,
      network_id: "*"
    }
  }
};