Angular + Truffle = 💓 ÐAPPS
This Trufflebox provides a base for Truffle Framework and Angular ÐAPP. and you can make transactions between accounts
This was generated with Angular CLI version 7.3.3.
Development server
Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.
Code scaffolding
Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.
Build
- Install truffle, Angular CLI and an Ethereum client. If you don't have a test environment
npm install -g truffle
npm install -g @angular/cli
npm install -g ganache-cli- Download the box.
truffle unbox Quintor/angular-truffle-box- Run your Ethereum client. For Ganache CLI:
ganache-cliNote the mnemonic 12-word phrase printed on startup, you will need it later.
- Compile and migrate your contracts.
truffle compile && truffle migrate- Common errors and their solutions
| Error | Solution |
|---|---|
Module not found: Error: Can't resolve '../../../../build/contracts/Payment.json' during ng serve |
Run truffle compile |
Error: the tx doesn't have the correct nonce. in MetaMask |
Reset MetaMask: Settings -> Reset Account |
Error getting balance; see log. in UI, with Error: MetaCoin has not been deployed to detected network (network/artifact mismatch) in browser console |
Ensure you have started ganache, run truffle migrate and configured MetaMask to point to ganache |