[SOLVED] Cloning Rarible: Prt1; Cant see any buttons

Moralis General
#1

1st time using any of this web coding so forgive me.
I tried finding a possible answer and used the different ones mentioned in another post. (python -m https.server). Then in chrome used localhost:8000 ; didnt get anything but, the tab on top has (ArtProject

<button…). When i refresh i get this in virtual studio
::1 - - [20/Oct/2021 13:16:43] "GET / HTTP/1.1" 304 -

Also used “Open with Live Server” where i right click on the index.html under EXPLORER on left hand side in Visual Studio to open a browser. I also used “Open in Default browser”; both with same results no buttons.

I tried looking at the live server settings but honestly im not sure exactly what that would do.

#2

you need a file named index.html in a folder, in that folder you run python -m http.server 86 (not https.server) and then you open in your browser http://127.0.0.1:86/index.html. You also need to have python installed for that command in order to work.

#3

I think I do have it in a folder. you do mean a folder in virtual studio, left side under Explorer? I might be wrong but the tab v SIMPLE DAPP and under that is <>index.html and under that is JS main.js

#4

I mean that you have to be in that folder where you have index.html when you run python -m http.server 86 and not in another folder.

#5

nevermind i fixed that
ok im getting 3 problems
{} setting.json “C:\Users\name\Appdata…etc”
missing property “cer”[4,5]
missing property “key”[4,5]
missing property “passphrase”[4,5]

#6

It works now or you still have some problems?

#7

No im trying to figure out what you mean in that folder. i apologize.

Screenshot (2)
Screenshot (2)3000×2000 478 KB
. does that look right?

#8

that looks right, what do you see in your browser when you access http://127.0.0.1:86/?

#9

Screenshot (3)
Screenshot (3)3000×2000 357 KB

#10

this looks like a page, what do you have in that <body> tag?

#11

Try to change:

<script type="text/javascript" src="./main.js"></script>
#12

Does it show something if you comment the row with connecting main.js?

#13

no, it looks the same in the web page as well

Screenshot (4)
Screenshot (4)3000×2000 485 KB

in the body tag

init = async () =>{
    window.web3 = await Moralis.Web3.enable();
    intitUser();
}

initUser = async () => {
    if (await Moralis.User.Current()){
        hideElement(userConnectButton);
        showElement(userProfileButton);
    }else{
        showElement(userConnectButton);
        hideElement(userProfileButton);
    }
}

login = async () => {
    try{
        await Moralis.Web3.aunthenticate();
        initUser();
    }catch (error) {
        alert(error)
    }
}

hideElement = (element) => element.style.display = "none";
showElement = (element) => element.style.display = "block";

const userConnectButton = document.getElementById("btnConnect");
userConnectButton.onclick = login;

const userProfileButton = document.getElementById("btnUserinfo");
init();
#14

if you make a copy of index.html and name it page2.html and you remove all that javascript part from the end, you are going to see those two buttons when you access page2.html?

#15

its not working. i had the boilerplate project JS from the getting started documentation working for connecting a wallet. The buttons for those worked. i think im gonna go that direction and see if i can figure out how to continue the cloning rarible tutorial from there. Thank you both for the help.

#16

Ok im not sure what I did wrong but im sure i did something wrong. I followed the boilerplate project; that worked. Then started adding in different lines from the Cloning Rarible tutorial to see where there would be an error. Nothing went wrong and now im following the tutorial and its all matching up. Thank you for the help.