search

rsksmart / rsk-next-box

0 stars 2 forks source link

Stuck at step 8 of the guide https://developers.rsk.co/tutorials/truffle-boxes/rsk-next-box/ #7

Open grmkris opened 3 years ago

grmkris commented 3 years ago

I am following this guide and at step 8 I should start the application, I cannot retrieve information from the server, I get the following response:

image

Error in the console: 

index.js:1 Warning: Received `true` for a non-boolean attribute `jsx`.

If you want to write it to the DOM, pass a string instead: jsx="true" or jsx={value.toString()}.
    in style (at index-styles.js:4)
    in div (at pages/index.js:63)
    in Index (created by App)
    in App
    in Container (created by AppContainer)
    in AppContainer
console.<computed> @ index.js:1
printWarning @ react-dom.development.js:88
error @ react-dom.development.js:60
validateProperty$1 @ react-dom.development.js:5557
warnUnknownProperties @ react-dom.development.js:5595
validateProperties$2 @ react-dom.development.js:5619
validatePropertiesInDevelopment @ react-dom.development.js:5662
diffHydratedProperties @ react-dom.development.js:6294
hydrateInstance @ react-dom.development.js:7691
prepareToHydrateHostInstance @ react-dom.development.js:16611
completeWork @ react-dom.development.js:18964
completeUnitOfWork @ react-dom.development.js:22192
performUnitOfWork @ react-dom.development.js:22165
workLoopSync @ react-dom.development.js:22130
performSyncWorkOnRoot @ react-dom.development.js:21756
scheduleUpdateOnFiber @ react-dom.development.js:21188
updateContainer @ react-dom.development.js:24373
(anonymous) @ react-dom.development.js:24758
unbatchedUpdates @ react-dom.development.js:21903
legacyRenderSubtreeIntoContainer @ react-dom.development.js:24757
hydrate @ react-dom.development.js:24823
renderReactElement @ index.js:38
doRender$ @ index.js:44
tryCatch @ runtime.js:63
invoke @ runtime.js:293
(anonymous) @ runtime.js:118
tryCatch @ runtime.js:63
invoke @ runtime.js:154
(anonymous) @ runtime.js:189
callInvokeWithMethodAndArg @ runtime.js:188
enqueue @ runtime.js:211
(anonymous) @ runtime.js:118
push../node_modules/regenerator-runtime/runtime.js.exports.async @ runtime.js:238
doRender @ index.js:40
render$ @ index.js:25
tryCatch @ runtime.js:63
invoke @ runtime.js:293
(anonymous) @ runtime.js:118
tryCatch @ runtime.js:63
invoke @ runtime.js:154
(anonymous) @ runtime.js:189
callInvokeWithMethodAndArg @ runtime.js:188
enqueue @ runtime.js:211
(anonymous) @ runtime.js:118
push../node_modules/regenerator-runtime/runtime.js.exports.async @ runtime.js:238
render @ index.js:25
(anonymous) @ next-dev.js:4
(anonymous) @ fouc.js:4
Show 18 more frames
index.js:1 Warning: Text content did not match. Server: "
      .body {
        height: 100vh;
        text-align: center;
      }
      .header {
        font-family: &#x27;Arial&#x27;;
      }
      .rsk-logo {
        content: url(&#x27;static/images/logo.png&#x27;);
        height: 300px;
      }
    " Client: "
      .body {
        height: 100vh;
        text-align: center;
      }
      .header {
        font-family: 'Arial';
      }
      .rsk-logo {
        content: url('static/images/logo.png');
        height: 300px;
      }
    "
    in style (at index-styles.js:4)
    in div (at pages/index.js:63)
    in Index (created by App)
    in App
    in Container (created by AppContainer)
    in AppContainer
console.<computed> @ index.js:1
printWarning @ react-dom.development.js:88
error @ react-dom.development.js:60
warnForTextDifference @ react-dom.development.js:5703
diffHydratedProperties @ react-dom.development.js:6418
hydrateInstance @ react-dom.development.js:7691
prepareToHydrateHostInstance @ react-dom.development.js:16611
completeWork @ react-dom.development.js:18964
completeUnitOfWork @ react-dom.development.js:22192
performUnitOfWork @ react-dom.development.js:22165
workLoopSync @ react-dom.development.js:22130
performSyncWorkOnRoot @ react-dom.development.js:21756
scheduleUpdateOnFiber @ react-dom.development.js:21188
updateContainer @ react-dom.development.js:24373
(anonymous) @ react-dom.development.js:24758
unbatchedUpdates @ react-dom.development.js:21903
legacyRenderSubtreeIntoContainer @ react-dom.development.js:24757
hydrate @ react-dom.development.js:24823
renderReactElement @ index.js:38
doRender$ @ index.js:44
tryCatch @ runtime.js:63
invoke @ runtime.js:293
(anonymous) @ runtime.js:118
tryCatch @ runtime.js:63
invoke @ runtime.js:154
(anonymous) @ runtime.js:189
callInvokeWithMethodAndArg @ runtime.js:188
enqueue @ runtime.js:211
(anonymous) @ runtime.js:118
push../node_modules/regenerator-runtime/runtime.js.exports.async @ runtime.js:238
doRender @ index.js:40
render$ @ index.js:25
tryCatch @ runtime.js:63
invoke @ runtime.js:293
(anonymous) @ runtime.js:118
tryCatch @ runtime.js:63
invoke @ runtime.js:154
(anonymous) @ runtime.js:189
callInvokeWithMethodAndArg @ runtime.js:188
enqueue @ runtime.js:211
(anonymous) @ runtime.js:118
push../node_modules/regenerator-runtime/runtime.js.exports.async @ runtime.js:238
render @ index.js:25
(anonymous) @ next-dev.js:4
(anonymous) @ fouc.js:4
Show 15 more frames
hot-dev-client.js:64 [HMR] bundle rebuilding
:3000/favicon.ico:1 Failed to load resource: the server responded with a status of 404 (Not Found)
127.0.0.1:8545/:1 Failed to load resource: net::ERR_CONNECTION_REFUSED

Should I be running something on port 8545?

grmkris commented 3 years ago

sorry after inspecting the web3-util.js I found the comment where it says which version of network it should chose. I think you should add this to the guide. I am leaving the issue open and you decide what to do with it.

grmkris commented 3 years ago

https://github.com/rsksmart/rsk-next-box/blob/6b2293d3c9ef68f6965339c7ddaa5cf6d6d349b6/app/utils/web3-util.js#L11-L15

grmkris commented 3 years ago

another update.. if you want to use your local node replace 127.0.0.1 with const provider = new Web3.providers.HttpProvider("http://localhost:8545/") This is happening on windows10 using wsl2