issue in raspberry with ng server from browser localhost:4200

[kiko333]

I installed switchboard in raspberry. I ran the command: npm run start and later the connetion with the ng server in local mode from browser: localhost:4200 and I saw the landingpage. Later metamask extension and configured to connect with volta, later i got volta tokens, all ok, but I could not get the switchboard funcionalities how you can see from:https://volta-switchboard.energyweb.org/, could you please give some tips?, thanks

[kim-energyweb]

Hello Fran,

Could you please provide your Volta Network configuration in Metamask Extension?
Do you have any console log errors?
Were you able to click on "Use Metamask"?

Thank you.

Regards,
Kim

[kiko333]

I think the Metamask is correctly set up because I use the same account with https://volta-switchboard.energyweb.org/, all the process has been doing correctlyment. All of it is doing in Raspberry
Maybe i am misunderstanding the functionality of web application in http://localhost:4200. That application has all the functionality of https://volta-switchboard.energyweb.org, or it is a bridge between switchboard and localhost?
The versions:
pi@raspberrypi:~ $ node --version
v14.15.4
pi@raspberrypi:~ $ npm --version
7.5.2
pi@raspberrypi:~ $

The log console:
DevTools failed to load SourceMap: Could not load content for chrome-extension://nkbihfbeogaeaoehlefnkodbefgpgknn/sourcemaps/disable-console.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load SourceMap: Could not load content for chrome-extension://nkbihfbeogaeaoehlefnkodbefgpgknn/sourcemaps/contentscript.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load SourceMap: Could not load content for chrome-extension://nkbihfbeogaeaoehlefnkodbefgpgknn/sourcemaps/inpage.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
inpage.js:1 You are accessing the MetaMask window.web3.currentProvider shim. This property is deprecated; use window.ethereum instead. For details, see: https://docs.metamask.io/guide/provider-migration.html#replacing-window-web3
get @ inpage.js:1
./node_modules/web3-core-requestmanager/src/givenProvider.js @ givenProvider.js:41
webpack_require @ bootstrap:83
./node_modules/web3-core-requestmanager/src/index.js @ index.js:30
webpack_require @ bootstrap:83
./node_modules/web3-core/src/index.js @ index.js:26
webpack_require @ bootstrap:83
./node_modules/web3/src/index.js @ index.js:32
webpack_require @ bootstrap:83
./node_modules/@ew-did-registry/did-ethr-resolver/dist/implementations/proxyOperator.js @ proxyOperator.js:58
webpack_require @ bootstrap:83
./node_modules/@ew-did-registry/did-ethr-resolver/dist/implementations/index.js @ index.js:16
webpack_require @ bootstrap:83
./node_modules/@ew-did-registry/did-ethr-resolver/dist/index.js @ index.js:13
webpack_require @ bootstrap:83
./node_modules/@ew-did-registry/claims/dist/claimsFactory/claimsFactory.js @ claimsFactory.js:4
webpack_require @ bootstrap:83
./node_modules/@ew-did-registry/claims/dist/claimsFactory/index.js @ index.js:13
webpack_require @ bootstrap:83
./node_modules/@ew-did-registry/claims/dist/index.js @ index.js:19
webpack_require @ bootstrap:83
(anonymous) @ iam-client-lib.esm.js:1
./node_modules/iam-client-lib/dist/iam-client-lib.esm.js @ iam-client-lib.esm.js:2
webpack_require @ bootstrap:83
./src/app/shared/services/iam.service.ts @ auth.service.ts:5
webpack_require @ bootstrap:83
./src/app/layout/layout.component.ts @ main.js:4163
webpack_require @ bootstrap:83
./src/app/layout/layout.module.ts @ layout.component.ts:12
webpack_require @ bootstrap:83
./src/app/app.module.ts @ app.component.ts:12
webpack_require @ bootstrap:83
./src/main.ts @ main.ts:1
webpack_require @ bootstrap:83
0 @ vendor.ts:10
webpack_require @ bootstrap:83
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ main.js:1
Show 9 more frames
core.js:30230 Angular is running in the development mode. Call enableProdMode() to enable the production mode.
client:176 [WDS] Warnings while compiling.
warnings @ client:176
onmessage @ socket.js:40
EventTarget.dispatchEvent @ sockjs.js:170
(anonymous) @ sockjs.js:887
SockJS._transportMessage @ sockjs.js:885
EventEmitter.emit @ sockjs.js:86
WebSocketTransport.ws.onmessage @ sockjs.js:2961
wrapFn @ zone-evergreen.js:1191
invokeTask @ zone-evergreen.js:391
runTask @ zone-evergreen.js:168
invokeTask @ zone-evergreen.js:465
invokeTask @ zone-evergreen.js:1603
globalZoneAwareCallback @ zone-evergreen.js:1629
client:185 ./node_modules/iam-client-lib/dist/iam-client-lib.esm.js 1:51737-51746
Critical dependency: the request of a dependency is an expression
warnings @ client:185
onmessage @ socket.js:40
EventTarget.dispatchEvent @ sockjs.js:170
(anonymous) @ sockjs.js:887
SockJS._transportMessage @ sockjs.js:885
EventEmitter.emit @ sockjs.js:86
WebSocketTransport.ws.onmessage @ sockjs.js:2961
wrapFn @ zone-evergreen.js:1191
invokeTask @ zone-evergreen.js:391
runTask @ zone-evergreen.js:168
invokeTask @ zone-evergreen.js:465
invokeTask @ zone-evergreen.js:1603
globalZoneAwareCallback @ zone-evergreen.js:1629

Anyway, I am going to look up deeper the issue. Thanks

[kiko333]

..... into the log console there is this message: I do not know what is his influence in this issue.
./node_modules/iam-client-lib/dist/iam-client-lib.esm.js 1:51737-51746
Critical dependency: the request of a dependency is an expression
warnings @ client:185
onmessage @ socket.js:40
EventTarget.dispatchEvent @ sockjs.js:170
(anonymous) @ sockjs.js:887
SockJS._transportMessage @ sockjs.js:885
EventEmitter.emit @ sockjs.js:86
WebSocketTransport.ws.onmessage @ sockjs.js:2961
wrapFn @ zone-evergreen.js:1191
invokeTask @ zone-evergreen.js:391
runTask @ zone-evergreen.js:168
invokeTask @ zone-evergreen.js:465
invokeTask @ zone-evergreen.js:1603
globalZoneAwareCallback @ zone-evergreen.js:1629

[kim-energyweb]

@kiko333 Have you tried using Node v10.22.0? Thank you...

[kiko333]

Hi, I have the same problem tha before.
pi@raspberrypi:~ $ npm --version
6.14.11
pi@raspberrypi:~ $ node --version
v10.23.1

I changed the node and npm versions, but localhost does not work after using metamask, select the account, sign the request and after some seconds the page that I can see is the landing page (with the metamask and wallet)
Below is the result to run the command.. Thnaks

pi@raspberrypi:~/ew/switchboard-dapp $ npm run start

[email protected] start /home/pi/ew/switchboard-dapp
ng serve

Date: 2021-02-15T14:06:57.931Z
Hash: bb9a5994c80c516cbb25
Time: 128352ms
chunk {dashboard-dashboard-module} dashboard-dashboard-module.js, dashboard-dashboard-module.js.map (dashboard-dashboard-module) 20.6 kB [rendered]
chunk {main} main.js, main.js.map (main) 926 kB [initial] [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 348 kB [initial] [rendered]
chunk {polyfills-es5} polyfills-es5.js, polyfills-es5.js.map (polyfills-es5) 462 kB [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 8.79 kB [entry] [rendered]
chunk {scripts} scripts.js, scripts.js.map (scripts) 1.14 MB [entry] [rendered]
chunk {styles} styles.js, styles.js.map (styles) 2.45 MB [initial] [rendered]
chunk {vendor} vendor.js, vendor.js.map (vendor) 17.5 MB [initial] [rendered]

WARNING in ./node_modules/iam-client-lib/dist/iam-client-lib.esm.js 1:51737-51746
Critical dependency: the request of a dependency is an expression
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
ℹ ｢wdm｣: Compiled with warnings.

[kiko333]

Maybe the problem come from this :

e: TransportMessageEvent
bubbles: false
cancelable: false
data: "{"type":"warnings","data":["./node_modules/iam-client-lib/dist/iam-client-lib.esm.js 1:51737-51746\nCritical dependency: the request of a dependency is an expression"]}"
timeStamp: 1613406485872
type: "message"
proto: Event
sock.onmessage = function onmessage(e) {
// This assumes that all data sent via the websocket is JSON.
var msg = JSON.parse(e.data);

if (handlers[msg.type]) {
  handlers[msg.type](msg.data);