truffle unbox react 初始化踩坑

最新推荐文章于 2021-03-18 09:27:03 发布
最新推荐文章于 2021-03-18 09:27:03 发布
阅读量1.4k 收藏 2
点赞数 1
分类专栏： 入门开发者 文章标签： truffle unbox react 智能合约 以太坊
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41390321/article/details/84872813
版权

truffle unbox react 初始化踩坑

1、文件位置引起的错误

一定要在package.json 所在文件夹下npm run start ,新版本一定要进入client文件夹再npm run start，不然无法成功。

2、合约编译问题

如果连接合约时，matamask报错Exception thrown in contract code（合约中出现不期望的东东），这个是合约格式问题，就是空格，空行什么的。如下

在没有修改原始合约信息的情况下出现此类问题可以如上处理
##3、连接本地localhost需要在matemaskshang 选择网络，设置Custom RPC，http://localhost:xxxx,端口xxxx一般是8545，9545，具体看src/utils/getweb3.js

baizetianxia
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
truffle-react-redux:使用React和Redux的下一个dapp的模板
05-13
truffle unbox gasolin/truffle-react-redux （取消包装后，此步骤将自动完成。）Glue脚本可以帮助您通过一次安装contracts/和web/项目依赖项。npm run bootstrap# or you can install dependency module
truffle unbox react-box过程进行到downloading时失败
sinyusin的博客
03-21 4718
由于现在已经不能复现那个错误了，但我还是想尽可能还原一下 现在确实是能够正常下载了，但之前不管我怎么重启，或者重复输入指令，都没有办法跨过Downloading半步，它的前面永远是显示一个红色的×，直到后来，我新建了另一个文件夹，才第一次成功，Setting up box出错，问题不大，因为Unbox是成功的。 所以换个名字，新建一个文件夹再试试就对了，而且你成功了这一次，之前的文件...
truffle填坑指南：truffle unbox react项目npm run start启动失败
小白不百
10-09 5393
目录 背景 解决方法 后记 背景 因为我安装的环境是比较新的，所以命令什么的都有点区别。 hisee@liu:~$ truffle -version Truffle v4.1.14 - a development framework for Ethereum hisee@liu:~$ npm --version 6.4.1 当我truffle unbox react hise...
关于truffle react框架的使用
zyc_123456的博客
10-09 1987
关于truffle react框架的使用前言1 前期准备2 下载truffle react3 修改框架中的一些内容。3.1 修改truffle.js中的配置问题3.2 修改client/src/utils/getWeb3.js中的测试环境端口信息为 8545。3.3 修改 client/package.json中的scripts:信息。3.4 在powershell中配置使用mklink命令...
truffle react环境搭建
oulingcai的博客
12-19 1051
1. 环境(windows 10) F:\react>truffle.cmd version Truffle v4.1.14 (core: 4.1.14) Solidity v0.4.24 (solc-js) F:\react>npm -v 6.4.1 F:\react>node -v v10.14.1 F:\react>python --version Python...
windows中truffle unbox react失败总结
wulikans的博客
08-23 1519
学习自：https://blog.csdn.net/CHYabc123456hh/article/details/107736640 今天进行truffle unbox react创建空项目工程总是失败，查阅了相关博主的解决方法后成功解决了问题，上错误消息： × Downloading Unbox failed! × Downloading Unbox failed! RequestError: Error [ERR_TLS_CERT_ALTNAME_INVALID]: Hostname/IP does n
simple-truffle-react-webpack
05-08
【标题】"simple-truffle-react-webpack" 是一个项目模板，结合了Truffle、React和Webpack，用于构建基于JavaScript的去中心化应用（DApps）。Truffle是 Ethereum 区块链开发的一个流行框架，它提供了便利的开发环境...
智能合约投票系统Dapp(truffle + react + solidity)编程作业
01-08
智能合约投票系统Dapp是一种基于区块链技术的分布式应用程序（Dapp），它利用了以太坊网络上的智能合约功能，结合前端开发框架React和开发工具Truffle来构建。在这个项目中，我们将深入探讨智能合约、Truffle开发...
truffle-react：A带有Create React App的样板Truffle Box项目，用于快速以太坊Dapp开发
02-05
松露和React.js 快速的以太坊Dapp开发使用Create-React-App进行智能合约开发这与官方的React Truffle Box有何不同？ 无需弹出； React前端位于其自己的单独文件夹（即/client ）中； 包含Babel ，因此您可以使用ES6...
truffle init error，unbox Downloading报错问题
01-08
在成功安装node.js，成功安装truffle后，使用truffle init 命令出现如下两种报错 一 网络未连接 C:\Users\Administrator\new>truffle init Starting unbox… √ Preparing to download box × Downloading Unbox ...
07.truffle集成react安装以及配置教程
boss2967的博客
11-02 891
truffle有很多预置的项目，这些项目大多集成了前端模块，使得我们可以迅速进行二次开发。 那么，我开始记录truffle内置项目react安装的目录 注意：首先你要有node环境，懂了吗？然后你要有truffle环境 1.unbox命令 我们使用unbox命令进行内置模块的下载 2.开始集成react 创建一个新的目录（名字随意起，但是内容必须为空） 切换到目录 执行安装命令 truffle...
truffle框架之react学习
xiaoyue2019的博客
05-19 899
今天满课，所以简单了解了下truffle的unbox中的react。通过这个构建UI界面真的蛮简单。因为课程需要就先看了下。 然后是跟着写了voting的合约，蛮简单，主要是过一下0.5.16中的不同。中间有很多坑。（依然很多坑） 首先构建就是坑： truffle unbox react 不出所料这个时候应该会有: gyp ERR! find VS You need to install the latest version of Visual Studiogyp ERR! find VS includ
2018最新Truffle 错误解决方法
月影梧桐的学习世界
02-06 4566
最近开始研究智能合约的编写，部署Truffle时遇到了几个坑。网上Truffle教程一般都是17年的，不免有一些过时，把遇到的坑记录一下，希望对其他人有帮助。 1.Error: No network specified. Cannot determine current network.  解决方法：导致上面异常的原因为是因为truffle.js里面未配置链接合约发布的环境地址，找到对应的tr
truffle unbox react 出坑指南
weixin_30521161的博客
05-04 711
最近几天差点就被这鬼东西给逼疯了，truffle init 、truffle unbox webpack 不管我怎么运行都是对的，唯独truffle unbox react 不管在哪个windows都会报错，换了好几台电脑，心都累完了，还好我坚持了下来，找了无数方法之后，刚刚我终于找到正确的方法了！ Error with npm install , NPM安装错误分析按照上面的方法，执行十来...
databinding safeUnbox()
jameskaron的专栏
02-23 1260
当使用databinding，在layout.xml中使用类型转换，会出现warning，使用safeUnbox()即可： android:text='@{String.valueOf(1 + safeUnbox((Integer)obMap["age"]))}' android:text='@{String.valueOf(1 + safeUnbox((Integer)obList[F...
以太坊DApp开发入门教程——Node.js和truffle框架打造区块链投票系统
热门推荐
mongo_node的专栏
03-02 1万+
第一节 课程概述本课程面向初学者，内容涵盖以太坊开发相关的基本概念，并将手把手地教大家如何构建一个 基于以太坊的完整去中心化应用 —— 区块链投票系统。通过本课程的学习，你将掌握：以太坊区块链的基本知识开发和部署以太坊合约所需的软件环境使用高级语言（solidity）编写以太坊合约使用NodeJS编译、部署合约并与之交互使用Truffle框架开发分布式应用使用控制台或网页与合约进行交互前序知识要求...
关于npm下载时遇到的ECONNREFUSED 的错误类型
JackFontDep的博客
07-01 2574
关于npm下载时遇到的ECONNREFUSED 的错误类型 啥也不说，先上一张图 捣鼓了半天不知道什么原因，之前一直都没问题，下载的时候。这个私服是我用verdaccio设置的一个代理，会自动去npm官方源下载，自己没有的包，但是不知道为什么用create-react-app的时候不行，后来我把源切了，就成功了！但是一直没找到具体原因，后来我又试了一次，成功了但是却下载了18个小时才安装成功一个...
学习以太坊部署智能合约(小插曲) — 执行truffle unbox react报错
BlockchainY的博客
03-18 449
环境 Ubuntu18.04 今天我在构建react-box项目时出现了小插曲。 localhost:ReactDapp liyuechun$ truffle unbox react-box truffle init Unbox failed! Error: connect ECONNREFUSED 0.0.0.0:443 Starting unbox... ================= ✔ Preparing to download box ✖ Downloading Unbox faile
truffle unbox webpack 失败
最新发布
03-16
truffle unbox webpack 失败可能是由于网络连接问题或者本地环境配置问题导致的。建议先检查网络连接是否正常，然后检查本地环境是否满足 truffle 和 webpack 的要求。如果问题仍然存在，可以尝试重新安装 truffle ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值