Localhost:8080 gives blank screen on running npm start
DanielRLowe opened this issue · comments
I'm not sure what's going on since I have no compiling error messages, but when I go to http://localhost:8080/ it shows the loading screen briefly before just going to a completely blank page. This is on Windows 10 64 bit. Here is my log when I run npm start:
C:\Users\pdlo003\Documents\graphene-ui\web>npm start
> Graphene-UI@1.1.0 start C:\Users\pdlo003\Documents\graphene-ui\web
> NODE_ENV=development node server.js
Listening at http://localhost:8080/
(node:10776) DeprecationWarning: loaderUtils.parseQuery() received a non-string value which can be
problematic, see https://github.com/webpack/loader-utils/issues/56
parseQuery() will be replaced with getOptions() in the next major version of loader-utils.
webpack built 142498820ffdbab78827 in 18611ms
Hash: 142498820ffdbab78827
Version: webpack 2.7.0
Time: 18611ms
Asset Size Chunks Chunk Names
asset-symbols/eurt.png 3.78 kB [emitted]
ac6ea76d77154afcd62c.worker.js 1.66 MB [emitted] [big]
locale-cn.json 50.7 kB [emitted]
locale-de.json 37.2 kB [emitted]
locale-en.json 50.8 kB [emitted]
locale-es.json 29.8 kB [emitted]
locale-fr.json 18.9 kB [emitted]
locale-ko.json 29.3 kB [emitted]
locale-tr.json 45 kB [emitted]
asset-symbols/bkt.png 8.33 kB [emitted]
asset-symbols/blockpay.png 10.6 kB [emitted]
asset-symbols/btc.png 5.63 kB [emitted]
asset-symbols/bts.png 3.03 kB [emitted]
asset-symbols/btsr.png 7.03 kB [emitted]
asset-symbols/btwty.png 10.5 kB [emitted]
asset-symbols/cny.png 5.98 kB [emitted]
asset-symbols/dao.png 3.64 kB [emitted]
asset-symbols/dash.png 7.19 kB [emitted]
asset-symbols/dct.png 6.51 kB [emitted]
asset-symbols/dgd.png 12.1 kB [emitted]
asset-symbols/eth.png 5.01 kB [emitted]
asset-symbols/eur.png 5.62 kB [emitted]
5e59c23f94e65204b822.worker.js 1.21 MB [emitted] [big]
asset-symbols/game.png 7.96 kB [emitted]
asset-symbols/gold.png 6.21 kB [emitted]
asset-symbols/grc.png 29.3 kB [emitted]
asset-symbols/icoo.png 6.48 kB [emitted]
asset-symbols/incnt.png 9.73 kB [emitted]
asset-symbols/lisk.png 20.1 kB [emitted]
asset-symbols/mkr.png 3.9 kB [emitted]
asset-symbols/nxc.png 24.7 kB [emitted]
asset-symbols/obits.png 5.04 kB [emitted]
asset-symbols/open.btc.png 6.17 kB [emitted]
asset-symbols/peerplays.png 16.6 kB [emitted]
asset-symbols/steem.png 3.73 kB [emitted]
asset-symbols/usd.png 5.96 kB [emitted]
asset-symbols/usdt.png 3.78 kB [emitted]
asset-symbols/silver.png 3.03 kB [emitted]
bts_genesiskeys_bloom_3cee441.dat 1.05 MB [emitted] [big]
dictionary.json 348 kB [emitted] [big]
favicon.ico 1.52 kB [emitted]
index.html 1.08 kB [emitted]
0.js 186 kB 0 [emitted]
app.js 9.79 MB 1 [emitted] [big] app
chunk {0} 0.js 176 kB {1} [rendered]
[558] ./~/intl/index.js 574 bytes {0} [built]
[1559] ./app/assets/intl-data/en.json 3.25 kB {0} [built]
[1560] ./~/intl/lib/core.js 173 kB {0} [built]
[1561] ./locale-data/complete.js (ignored) 15 bytes {0}
chunk {1} app.js (app) 7.81 MB [entry] [rendered]
[188] (webpack)/buildin/module.js 517 bytes {1} [built]
[379] ./app/index-dev.js 1.36 kB {1} [built]
[555] ./app/Main-dev.js 427 bytes {1} [built]
[556] ./~/react-hot-loader/patch.js 40 bytes {1} [built]
[557] (webpack)-hot-middleware/client.js 7.04 kB {1} [built]
[692] ./app/assets/loader-dev.js 473 bytes {1} [built]
[999] ./~/file-loader?name=dictionary.json!./lib/common/dictionary_en.json 61 bytes {1} [built]
[1000] ./~/file-loader?name=favicon.ico!./app/assets/favicon.ico 57 bytes {1} [built]
[1001] ./~/file-loader?name=index.html!./app/assets/index-dev.html 56 bytes {1} [built]
[1039] ./~/html-entities/index.js 231 bytes {1} [built]
[1305] ./~/react-hot-loader/lib/patch.js 209 bytes {1} [built]
[1497] ./~/strip-ansi/index.js 161 bytes {1} [built]
[1545] (webpack)-hot-middleware/client-overlay.js 1.82 kB {1} [built]
[1546] (webpack)-hot-middleware/process-update.js 4.33 kB {1} [built]
[1558] multi react-hot-loader/patch webpack-hot-middleware/client ./app/Main-dev.js 52 bytes {1}
[built]
+ 1543 hidden modules
Child worker:
Asset Size Chunks Chunk Names
ac6ea76d77154afcd62c.worker.js 1.66 MB 0 [emitted] [big] main
chunk {0} ac6ea76d77154afcd62c.worker.js (main) 1.24 MB [entry] [rendered]
[64] ./~/graphenejs-lib/es/chain/src/ChainTypes.js 2.03 kB {0} [built]
[80] ./~/graphenejs-lib/es/ecc/src/PrivateKey.js 6.16 kB {0} [built]
[81] ./~/graphenejs-lib/es/serializer/src/SerializerValidation.js 11.7 kB {0} [built]
[115] ./~/graphenejs-lib/es/ecc/src/KeyUtils.js 7.59 kB {0} [built]
[116] ./~/graphenejs-lib/es/ecc/src/address.js 2.86 kB {0} [built]
[117] ./~/graphenejs-lib/es/ecc/src/aes.js 10.4 kB {0} [built]
[118] ./~/graphenejs-lib/es/serializer/src/FastParser.js 1.89 kB {0} [built]
[119] ./~/graphenejs-lib/es/serializer/src/serializer.js 7 kB {0} [built]
[120] ./~/graphenejs-lib/es/serializer/src/types.js 31.2 kB {0} [built]
[185] ./~/babel-polyfill/lib/index.js 833 bytes {0} [built]
[186] ./~/graphenejs-lib/es/index.js 1.6 kB {0} [built]
[188] ./~/babel-loader/lib?{"compact":false,"cacheDirectory":true}!./lib/workers/AesWorker.js 1.62
kB {0} [built]
[424] ./~/graphenejs-lib/es/chain/src/NumberUtils.js 1.84 kB {0} [built]
[425] ./~/graphenejs-lib/es/chain/src/TransactionBuilder.js 24.2 kB {0} [built]
[426] ./~/graphenejs-lib/es/chain/src/TransactionHelper.js 3.38 kB {0} [built]
+ 444 hidden modules
Child worker:
Asset Size Chunks Chunk Names
5e59c23f94e65204b822.worker.js 1.21 MB 0 [emitted] [big] main
chunk {0} 5e59c23f94e65204b822.worker.js (main) 999 kB [entry] [rendered]
[5] ./~/graphenejs-lib/es/ecc/src/hash.js 1.38 kB {0} [built]
[10] ./~/graphenejs-lib/es/ecc/src/PublicKey.js 6.73 kB {0} [built]
[15] ./~/graphenejs-lib/es/chain/src/ChainTypes.js 2.03 kB {0} [built]
[17] ./~/graphenejs-lib/es/ecc/src/PrivateKey.js 6.16 kB {0} [built]
[18] ./~/graphenejs-lib/es/serializer/src/SerializerValidation.js 11.7 kB {0} [built]
[26] ./~/graphenejs-lib/es/ecc/src/KeyUtils.js 7.59 kB {0} [built]
[27] ./~/graphenejs-lib/es/ecc/src/address.js 2.86 kB {0} [built]
[28] ./~/graphenejs-lib/es/ecc/src/aes.js 10.4 kB {0} [built]
[29] ./~/graphenejs-lib/es/serializer/src/FastParser.js 1.89 kB {0} [built]
[30] ./~/graphenejs-lib/es/serializer/src/serializer.js 7 kB {0} [built]
[31] ./~/graphenejs-lib/es/serializer/src/types.js 31.2 kB {0} [built]
[41] ./~/graphenejs-lib/es/chain/src/ChainValidation.js 4.35 kB {0} [built]
[43] ./~/graphenejs-lib/es/chain/src/ObjectId.js 2.08 kB {0} [built]
[62] ./~/graphenejs-lib/es/index.js 1.6 kB {0} [built]
[64] ./~/babel-loader/lib?
{"compact":false,"cacheDirectory":true}!./lib/workers/AddressIndexWorker.js 1.42 kB {0} [built]
+ 119 hidden modules
webpack: Compiled successfully.
Make sure you're on node v7 then rerun npm install.
The dev console output in chrome will be more useful since webpack seems to compile correctly.
When I run node --version it says I'm currently on 8.4.0. Should I roll it back then? Thanks!
This is the console error when I check output in Chrome:
idb-helper.js:112 Uncaught ReferenceError: callback is not defined
at ChainEvent.__event__REACT_HOT_LOADER__ (idb-helper.js:112)
at IDBRequest.ChainEvent.event [as onsuccess] (idb-helper.js:103)
at Object.callback (indexeddbshim.js:36)
at success (indexeddbshim.js:2681)
at eval (indexeddbshim.js:2491)
Yea better roll it back, I haven't tested it with v8 yet.
I've seen that error before and it was fixed, but that was in the bitshares-ui repo. This repo was abandoned a while ago now and isn't seeing any updates, I suggest you head over to the bitshares-ui repo instead: https://github.com/bitshares/bitshares-ui
Oh, I had no idea. Thanks! I'll switch over and post over there if this issue pops back up!