Позвольте мне поделиться своим опытом. Впервые я столкнулся с множеством проблем при настройке местного Gananche, трюфеля и реакции (конечно, Drizzle).

Я надеюсь, что приведенные ниже инструкции помогут без каких-либо ошибок, с которыми я столкнулся на этапе разработки.

  1. Загрузите Ganache с сайта https://www.trufflesuite.com/ganache.

И следуйте инструкциям для вашей ОС.

2) Загрузите NodeJS, если у вас его нет - https://nodejs.org/en/download/

3) После того, как мы их установили, нам понадобится только одна команда для установки Truffle: npm install -g truffle

4) npm install -g create-response-app для создания начального приложения для реагирования

5) truffle init - для начального трюфельного проекта

6) Запустите графический интерфейс Ganache.

7) Добавлена ​​конфигурация трюфелей в графический интерфейс Ganache, нажав кнопку «Параметры» (верхний правый угол) и нажмите «Добавить проект», чтобы связать текущий проект трюфелей.

8) Введите Truffle develop, эта команда заставит нас войти в консоль Truffle.

9) Введите compile, это заставит файлы solidity для компиляции

10) Введите migrate —- network ganache. Это приведет к миграции в сеть с графическим интерфейсом пользователя Ganache (этот CMD решит большинство проблем с ганашем).

11) Установите метамаску из Chrome Apps.

12) create-react-app AppName - этот cmd создаст новое приложение для работы.

Структура папки будет выглядеть, как показано ниже. (папка приложения - это папка проекта реакции)

13) После создания приложения React измените путь сборки Truffle config на папку src в React. Это гарантирует, что все скомпилированные контракты будут помещены в папку response в src (поскольку response не позволяет вызывать внешние файлы)

14) Следуйте инструкциям по созданию React и Drizzle для взаимодействия с контрактом.



15) Всегда выбирайте сеть в метамаске (Ganache для localhost).

16) Импортируйте закрытые ключи из графического интерфейса Ganache для добавления в метамаску

tl;dr

И вот он, полностью работающий локальный проект Ganache, Truffle и React.

Сообщите мне, если у вас возникнут какие-либо ошибки или проблемы, опубликуйте их в комментариях - ›