truffle填坑指南：truffle unbox react项目npm run start启动失败

目录

背景

解决方法

后记

---

背景

因为我安装的环境是比较新的，所以命令什么的都有点区别。

hisee@liu:~$ truffle -version
Truffle v4.1.14 - a development framework for Ethereum
hisee@liu:~$ npm --version
6.4.1

当我truffle unbox react

hisee@liu:~/react-demo2$ truffle unbox react
Downloading...
Unpacking...
Setting up...
Unbox successful. Sweet!

Commands:

  Compile:              truffle compile
  Migrate:              truffle migrate
  Test contracts:       truffle test
  Test dapp:            cd client && npm test
  Run dev server:       cd client && npm run start
  Build for production: cd client && npm run build
hisee@liu:~/react-demo2$ ls

tuffle develop -> compile -> migrate -> npm run start(或者 npm start)时，报如下错误，或者其他乱七八糟的错误，要么说npm ERR! missing script: start npm ERR! A complete log of this run can be found in: npm ERR!

hisee@liu:~/react-demo2$ npm run start

> [email protected] start /home/hisee/react-demo2
> ./build/cli.node.js

sh: 1: ./build/cli.node.js: not found
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall spawn
npm ERR! [email protected] start: `./build/cli.node.js`
npm ERR! spawn ENOENT
npm ERR! 
npm ERR! Failed at the [email protected] start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/hisee/.npm/_logs/2018-10-09T02_08_31_458Z-debug.log

或者

hisee@liu:~/react-demo2$ npm start
npm ERR! path /home/hisee/react-demo2/package.json
npm ERR! code ENOENT
npm ERR! errno -2
npm ERR! syscall open
npm ERR! enoent ENOENT: no such file or directory, open '/home/hisee/react-demo2/package.json'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent 

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/hisee/.npm/_logs/2018-10-09T03_04_02_262Z-debug.log
hisee@liu:~/react-demo2$ 

问题就出在命令不对

重新或者新建项目后，执行如下步骤（tuffle develop -> compile -> migrate ->test）

hisee@liu:~/react-demo2$ truffle develop
Truffle Develop started at http://127.0.0.1:9545/

Accounts:
(0) 0x627306090abab3a6e1400e9345bc60c78a8bef57
(1) 0xf17f52151ebef6c7334fad080c5704d77216b732
(2) 0xc5fdf4076b8f3a5357c5e395ab970b5b54098fef
(3) 0x821aea9a577a9b44299b9c15c88cf3087f3b5544
(4) 0x0d1d4e623d10f9fba5db95830f7d3839406c6af2
(5) 0x2932b7a2355d6fecc4b5c0b6bd44cc31df247a2e
(6) 0x2191ef87e392377ec08e7c08eb105ef5448eced5
(7) 0x0f4f2ac550a1b4e2280d04c21cea7ebd822934b5
(8) 0x6330a553fc93768f612722bb8c2ec78ac90b3bbc
(9) 0x5aeda56215b167893e80b4fe645ba6d5bab767de

Private Keys:
(0) c87509a1c067bbde78beb793e6fa76530b6382a4c0241e5e4a9ec0a0f44dc0d3
(1) ae6ae8e5ccbfb04590405997ee2d52d2b330726137b875053c36d94e974d162f
(2) 0dbbe8e4ae425a6d2687f1a7e3ba17bc98c673636790f1b8ad91193c05875ef1
(3) c88b703fb08cbea894b6aeff5a544fb92e78a18e19814cd85da83b71f772aa6c
(4) 388c684f0ba1ef5017716adb5d21a053ea8e90277d0868337519f97bede61418
(5) 659cbb0e2411a44db63778987b1e22153c086a95eb6b18bdf89de078917abc63
(6) 82d052c865f5763aad42add438569276c00d3d88a2d062d36b2bae914d58b8c8
(7) aa3680d5d48a8283413f7a108367c7299ca73f553735860a87b08f39395618b7
(8) 0f62d96d6675f32685bbdb8ac13cda7c23436f63efbb9d07700d8669ff12b7c4
(9) 8d5366123cb560bb606379f90a0bfd4769eecc0557f1b362dcae9012b548b1e5

Mnemonic: candy maple cake sugar pudding cream honey rich smooth crumble sweet treat

⚠️  Important ⚠️  : This mnemonic was created for you by Truffle. It is not secure.
Ensure you do not use it on production blockchains, or else you risk losing funds.

truffle(develop)> compile
Compiling ./contracts/Migrations.sol...
Compiling ./contracts/SimpleStorage.sol...
Writing artifacts to ./build/contracts

truffle(develop)> migrate
Using network 'develop'.

Running migration: 1_initial_migration.js
  Deploying Migrations...
  ... 0x661a01f16a8bd453c93a87a4e1576346c7457ff4102fa8ecc8a3f894cabc7279
  Migrations: 0x8cdaf0cd259887258bc13a92c0a6da92698644c0
Saving successful migration to network...
  ... 0xd7bc86d31bee32fa3988f1c1eabce403a1b5d570340a3a9cdba53a472ee8c956
Saving artifacts...
Running migration: 2_deploy_contracts.js
  Deploying SimpleStorage...
  ... 0xa55ceb18cdd8956da5329be84ad15c6ae4ffefe97a1e2c0c62f790bc0f9782ba
  SimpleStorage: 0x345ca3e014aaf5dca488057592ee47305d9b3e10
Saving successful migration to network...
  ... 0xf36163615f41ef7ed8f4a8f192149a0bf633fe1a2398ce001bf44c43dc7bdda0
Saving artifacts...
truffle(develop)> test
Using network 'develop'.

Compiling ./contracts/SimpleStorage.sol...
Compiling ./test/TestSimpleStorage.sol...
Compiling truffle/Assert.sol...
Compiling truffle/DeployedAddresses.sol...


  TestSimpleStorage
    ✓ testItStoresAValue (43ms)

  Contract: SimpleStorage
    ✓ ...should store the value 89.


  2 passing (471ms)

truffle(develop)>

解决方法

再新建命令窗口：执行 cd client && npm run start ，不是npm run start！！！

结果如下，启动成功。

 

后记

1、如果出现如下错误，执行下方命令进行添加。

Module not found: Can't resolve 'bignumber.js' in '/home/hisee/react-demo2/client/node_modules/truffle-contract/lib'

npm install --save bignumber.js

2、上面的页面是非正常显示，如需知道解决方法，请移步这篇文章。

https://blog.csdn.net/u010689354/article/details/83118301