安装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