bboyakers/simple-dapp-tutorial

A tutorial based on the MetaMask E2E Test Dapp(decentralized app) - Will be updating to Typescript soon and finishing part 2 and 3

simple-dapp-tutorial's Issues

js ： how to disconnect the wallet

js ： how to disconnect the wallet

Uncaught ReferenceError: MetaMaskOnboarding is not defined at initialize

Hi, I'm trying to run thru this tutorial, but keep getting the above error in the Dev Console of my browser. I run

sudo npm run serve

the site comes up successfully, except none of the onboarding functions work. I see in the npm status:

<-- [GET] /node_modules/@metamask/onboarding/dist/metamask-onboarding.bundle.js --> 200 OK /node_modules/@metamask/onboarding/dist/metamask-onboarding.bundle.js 56.53 KiB (1.441ms)

But still get the subject error as if metamask-onboarding is not installed. Any tips here as to what is wrong?

Thanks for the help!

File missing

Hi!
nothing important but the img https://docs.metamask.io/ethereum-metamask-chrome.png is missing for index.html ;)

MetaMask website only goes as far as Get Ethereum Accounts section

Hiya

Thank you for this tutorial - its really helpful!
I'm following the online tutorial located at https://docs.metamask.io/guide/create-dapp.html and have seen that it stops at the 'Get Ethereum Accounts' section and does not continue onwards for the remaining elements of the Dapp. Is there anyway I can access the rest of the content?

Thanks!

When can we expect the update to Typescript?

When can we expect the tutorial to be updated to typescript and the part 2&3?

Uncaught SyntaxError: Cannot use import statement outside a module

Hello,

Thank you very much for this tutorial. When adding ' import MetaMaskOnboarding from '@metamask/onboarding' on contract.js as appears in the index.js in the finished directory, the console throws this message ' Uncaught SyntaxError: Cannot use import statement outside a module '. It is not a problem with your code, but I can not run the tutorial because of this error. I'm assuming you are not having this problem or you solved it, either way, hope you can help, I don't know if I'm the only one having this problem.

I'm sorry if I'm misusing this channel, is the first issue I report.

create-sample-dapp

hello,
i just try to continue the "create-simply-dapp" tuturial and - as far i understand - metamask is not injection web3 anymore. But why is piggybank using web3 definitions ?

i found out that after deploying a new contract you using the web3.eth.contract - why

p.s. my goal is to get a contract-object (i still got the adress) and calling functions from the contract !

latest code in master ?

 remotes/origin/HEAD -> origin/master
  remotes/origin/aakers/part_2
  remotes/origin/dependabot/npm_and_yarn/finished/elliptic-6.5.4
  remotes/origin/dependabot/npm_and_yarn/finished/hosted-git-info-2.8.9
  remotes/origin/dependabot/npm_and_yarn/finished/lodash-4.17.21
  remotes/origin/dependabot/npm_and_yarn/finished/url-parse-1.5.1
  remotes/origin/dependabot/npm_and_yarn/start/hosted-git-info-2.8.9
  remotes/origin/dependabot/npm_and_yarn/start/lodash-4.17.21
  remotes/origin/master
  remotes/origin/refactor

demo: https://metamask.github.io/test-dapp/
I found latest code in origin/aakers/part_2 branch？

Demo no longer works due to web3 dependency

It looks like this https://metamask.github.io/test-dapp/ has different code than the current master branch. In particular, the master branch requires web3 which has been removed in metamask, so the demo doesn't properly run anymore.

License?

Hi,

I'm wondering if there is a license for this repo?

Best,
Agost

Error during NPM Install finished project

`yarn run v1.22.10
$ yarn lint
$ eslint . --ext js,json && prettier ./src -c

C:\Users\thep_\Downloads\simple-dapp-tutorial-aakers-part_2\simple-dapp-tutorial-aakers-part_2\finished.eslintrc.js
1:1 error This module could be parsed as a valid script import/unambiguous
28:2 error Newline required at end of file but not found eol-last

C:\Users\thep_\Downloads\simple-dapp-tutorial-aakers-part_2\simple-dapp-tutorial-aakers-part_2\finished\src\index.js
12:24 error The 'URL' is not supported until Node.js 10.0.0. The configured version range is '>=8.0.0' node/no-unsupported-features/node-builtins
848:29 error Missing space before function parentheses space-before-function-paren
857:26 error Missing space before function parentheses space-before-function-paren
861:28 error Missing space before function parentheses space-before-function-paren
865:38 error Missing space before function parentheses space-before-function-paren
907:37 error Missing space before function parentheses space-before-function-paren
915:28 error Missing space before function parentheses space-before-function-paren
917:2 error Newline required at end of file but not found eol-last

C:\Users\thep_\Downloads\simple-dapp-tutorial-aakers-part_2\simple-dapp-tutorial-aakers-part_2\finished\webpack.config.js
1:1 error This module could be parsed as a valid script import/unambiguous

✖ 11 problems (11 errors, 0 warnings)
8 errors and 0 warnings potentially fixable with the --fix option.

error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @metamask/[email protected] prepare: yarn test && yarn build
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @metamask/[email protected] prepare 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! C:\Users\thep_\AppData\Roaming\npm-cache_logs\2021-05-26T02_02_32_629Z-debug.log`

npm vs yarn

https://docs.metamask.io/guide/create-dapp.html#project-setup suggests npm install as package manager while the yarn.lock file is in the root folder. Should the documentation use yarn instead of npm?

Part 2

Is there a follow up on this tutorial?
I couldn't find it

Static Server Not Found

I cannot get past the "npm run serve" Step, with the following error output:

Failed at the [email protected] serve script 'static-server . --port 9011'

sh: 1: static-server: not found

npm ERR! Linux 5.4.0-91-generic
npm ERR! argv "/usr/bin/node" "/usr/bin/npm" "run" "serve"
npm ERR! node v8.10.0
npm ERR! npm v3.5.2
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall spawn
npm ERR! [email protected] serve: static-server . --port 9011
npm ERR! spawn ENOENT
npm ERR!
npm ERR! Failed at the [email protected] serve script 'static-server . --port 9011'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the metamask-simple-dapp package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! static-server . --port 9011
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs metamask-simple-dapp
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls metamask-simple-dapp
npm ERR! There is likely additional logging output above.

Any insight is greatly appreciated.