IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 区块链 -> 安装truffle的前提条件(nodejs和npm),truffle的webpack案例测试,webpack项目中的报错 -> 正文阅读

[区块链]安装truffle的前提条件(nodejs和npm),truffle的webpack案例测试,webpack项目中的报错

truffle安装

Ubuntu20.04下truffle相关组件版本如下:

Truffle         v5.2.4 (core: 5.2.4)
Solidity        v0.5.16 (solc-js)
Node           v14.16.0
Web3.js       v1.2.9
npm            v7.6.3

1.curl 安装

sudo apt-get install curl

2.node和npm安装
(node 和npm的版本要相匹配不然后续truffle项目中错误很多甚至连truffle都安装不了)
①添加源及需要安装的版本(以14版本的node安装为例)

curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -

②安装

sudo apt-get install -y nodejs

③验证

node -v
npm -v

3.web3指定版本安装(Ubuntu自带可选,升级为0.20.0版本)

   sudo npm install web3@^0.20.0

4.truffle安装

npm install -g truffle 

终端输入truffle如图则truffle下载成功
在这里插入图片描述

5.truffle案例(metacoin、webpack、react、pet-shop等)
truffle案例
①truffle init创建空项目(所有项目案例的创建需在空文件夹下下载)
在这里插入图片描述
②创建案例(以webpack为例)

truffle unbox webpack

在这里插入图片描述
在这里插入图片描述
6.webpack案例部署测试
启动控制平台

truffle develop

编译智能合约(MetaCoin.sol,将合约编译为.json文件,储存在build文件夹下,方便web3调用)

compile

部署智能合约(2_deploy_contracts.js脚本将MetaCoin.sol部署到私有网络)

migrate

在这里插入图片描述
另起一个终端进入app目录执行npm run dev 启动项目
在这里插入图片描述
7.网页测试转账
初始为10000META币,给账户0xf83bb4289564452172ab322dc022c7a4f0a85d1c转账99后如下图:
在这里插入图片描述
8.自行开发webpack项目时报错
稳定版项目插件版本如下:
在这里插入图片描述
webpack安装

npm install webpack -g // 全局安装
npm install webpack --save-dev // 项目内安装
或者
npm add webpack@latest --registry=https://registry.npm.taobao.org

安装指定版本webpack及相关

npm install webpack@4.41.2 webpack-cli@3.3.10 webpack-dev-server@3.9.0 -D 

卸载webpack及相关

npm uninstall webpack webpack-cli webpack-dev-server

webpack项目中css无效安装插件

npm install --save-dev mini-css-extract-plugin

报错:Error: Cannot find module '@babel/core’错误

npm install -D babel-loader @babel/core @babel/preset-env webpack

报错:Error: Cannot find module ‘babel-register’

 npm install babel-register --save-dev  

报错: sh: 1: webpack-dev-server: not found
①更换webpack版本,更换webpack-dev-server版本

#webpack@4.41.2 webpack-cli@3.3.10 webpack-dev-server@3.9.0 相关插件版本要匹配,这是我配置的
sudo npm i webpack-dev-server@3.9.0 -g
sudo npm i webpack@4.41.2 -g

②重新安装package.json的依赖环境

rm -rf ./node_modules
npm install

报错:Error: Cannot find module ‘webpack/bin/config-optimist’

 npm update        
 npm install webpack-cli@3.3.10 -D

报错:Error: Cannot find module ‘copy-webpack-plugin’

npm install copy-webpack-plugin --save-dev  
  区块链 最新文章
盘点具备盈利潜力的几大加密板块,以及潜在
阅读笔记|让区块空间成为商品,打造Web3云
区块链1.0-比特币的数据结构
Team Finance被黑分析|黑客自建Token“瞒天
区块链≠绿色?波卡或成 Web3“生态环保”标
期货从入门到高深之手动交易系列D1课
以太坊基础---区块验证
进入以太坊合并的五个数字
经典同态加密算法Paillier解读 - 原理、实现
IPFS/Filecoin学习知识科普(四)
上一篇文章      下一篇文章      查看所有文章
加:2021-09-08 10:46:24  更:2021-09-08 10:46:28 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/5 13:40:58-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码