Tutorial Reversi errors

[CheesePuppy]

How exactly are you clearing cache ? You tried ctrl + maj + r ? (On firefox at least)

I’ve been using the Firefox ui to clear cache but not cookies. I see what you’re saying. I can refresh and ignore cache with that shortcut. I’ll try that. Still, that seems to not be the issue here because I’ve cleared the cache a bunch of times to test things out.

For future reference, if anyone needs it: https://support.mozilla.org/en-US/questions/1073264

[Blacktango]

Can you post a screenshot about what you get?

(You can upload it directly with the attach-file tab below the message you are writing on the forum)

[CheesePuppy]

Can you post a screenshot about what you get?

(You can upload it directly with the attach-file tab below the message you are writing on the forum)

Of course

Screenshot 2023-05-05 at 13-37-37 tutorialreversicheesepuppy.png (455.84 KiB) Viewed 1112 times

[Blacktango]

When you inspect the board div with the browser dev toolbar, do you see your CSS properties on it?
If not, it means that your CSS file is not loaded on the server or in your browser.

[robinzig]

have you checked what's in your actual CSS for that div that is being processed by the browser? (Inspect the element in devtools and look at the CSS for it.) If it doesn't have the correct URL for the `background-image` property, this is likely a caching issue (or perhaps you never uploaded the changed CSS file - unlikely, but in any case, it means the browser doesn't have access to the updated file you think it does.)

If the CSS is showing correctly, then something else is wrong (maybe the image isn't loading for some reason - you should see a 404 in your console and/or Network tab in that case).

There's always plenty of clues to help narrow down a problem, if you know where to look.

(EDIT: that's basically repeating the post above - apologies, I didn't see there was a page 2!)

[CheesePuppy]

When you inspect the board div with the browser dev toolbar, do you see your CSS properties on it?
If not, it means that your CSS file is not loaded on the server or in your browser.

have you checked what's in your actual CSS for that div that is being processed by the browser? (Inspect the element in devtools and look at the CSS for it.) If it doesn't have the correct URL for the `background-image` property, this is likely a caching issue (or perhaps you never uploaded the changed CSS file - unlikely, but in any case, it means the browser doesn't have access to the updated file you think it does.)

If the CSS is showing correctly, then something else is wrong (maybe the image isn't loading for some reason - you should see a 404 in your console and/or Network tab in that case).

There's always plenty of clues to help narrow down a problem, if you know where to look.

(EDIT: that's basically repeating the post above - apologies, I didn't see there was a page 2!)

Thanks for holding my hand through something I definitely already knew. I cannot believe I didn't inspect anything. :face-palm: As expected (because I've made no changes), it's still not working, but I do know what the problem is. The HTML and the CSS are there, but the get request for the image is coming back as a 404.

I verified:

• the `img` directory exists and has `board.jpg` in it

• The only thing in `.gitignore` is `.vscode`

• I refreshed via cmd + shift + r to bypass the cache

• the image is still not found

Changes have been committed via bga studio, though that doesn't seem to be required since the SFTP handles that. I'm still unsure why this isn't working. Just in case it helps, I included some screenshots. Any help would very much be appreciated. I'm not feeling very smart, getting stuck on step 1.

file explorer

Screenshot 2023-05-07 at 17.09.26.png (56.83 KiB) Viewed 1067 times

dev tools

Screenshot 2023-05-07 at 17.09.48.png (41.93 KiB) Viewed 1067 times

network tab > headers

Screenshot 2023-05-07 at 17.30.43.png (175.85 KiB) Viewed 1067 times

[Blacktango]

Not sure what you mean about commit through BGA studio.

Can you check the content of the SFTP directory (with FileZilla, your IDE, …)?
Maybe the synchronization of your local files is ok with the SFTP server, for existing files, but not with new ones like the image.

[CheesePuppy]

Not sure what you mean about commit through BGA studio.

Can you check the content of the SFTP directory (with FileZilla, your IDE, …)?
Maybe the synchronization of your local files is ok with the SFTP server, for existing files, but not with new ones like the image.

Here's everything in the output for the SFTP. Oh, and a screenshot of the committing I mentioned.

Code: Select all

[05-07 16:43:12] [info] config at /Users/vicki.langer/git/bga {"remotePath":"/tutorialreversicheesepuppy/","uploadOnSave":true,"useTempFile":false,"openSsh":false,"downloadOnOpen":false,"ignore":[".vscode",".git",".DS_Store"],"concurrency":4,"protocol":"sftp","connectTimeout":10000,"interactiveAuth":false,"secure":false,"remoteTimeOffsetInHours":0,"remoteExplorer":{"order":0},"name":"BGA","host":"1.studio.boardgamearena.com","port":22,"username":"******","password":"******","syncOption":{"skipCreate":false,"delete":true}}
[05-07 17:03:56] [info] [file-save] /Users/vicki.langer/git/bga/tutorialreversicheesepuppy.css
[05-07 17:03:56] [info] [file-save] /Users/vicki.langer/git/bga/tutorialreversicheesepuppy.css
[05-07 17:04:39] [info] local ➞ remote /Users/vicki.langer/git/bga/tutorialreversicheesepuppy.css
[05-07 17:04:39] [info] local ➞ remote /Users/vicki.langer/git/bga/tutorialreversicheesepuppy.css
[05-07 17:05:44] [info] [file-save] /Users/vicki.langer/git/bga/tutorialreversicheesepuppy.css
[05-07 17:05:45] [info] local ➞ remote /Users/vicki.langer/git/bga/tutorialreversicheesepuppy.css
[05-07 17:05:46] [info] [file-save] /Users/vicki.langer/git/bga/tutorialreversicheesepuppy.css
[05-07 17:05:47] [info] [file-save] /Users/vicki.langer/git/bga/tutorialreversicheesepuppy.css
[05-07 17:05:47] [info] local ➞ remote /Users/vicki.langer/git/bga/tutorialreversicheesepuppy.css
[05-07 17:05:48] [info] local ➞ remote /Users/vicki.langer/git/bga/tutorialreversicheesepuppy.css
[05-07 17:29:09] [info] [file-save] /Users/vicki.langer/git/bga/tutorialreversicheesepuppy.css
[05-07 17:29:11] [info] local ➞ remote /Users/vicki.langer/git/bga/tutorialreversicheesepuppy.css

Screenshot 2023-05-07 at 18.10.04.png (136.2 KiB) Viewed 1050 times

[Blacktango]

Ok, I didn’t know there was such tool on BGA studio.

In the log, I don’t see the image but only CSS files.
I think you have to add the image file to git (like all new files).

By default, with Git, only known files are committed.

Maybe this tool is only about versioning, not publishing (even the dev version).
When I did the tutorial, I used an external tool (Filezilla) to connect to the SFTP server and upload the files I changes/added.

[robinzig]

BGA studio uses SVN, not git, for version control.

But really that's not relevant here, whether the file is in the version control system doesn't matter for whether the server can find it when loading the game. All that matters is whether the file is physically on the server.

Do you have a screenshot of the files/folders on the server, from your SFTP client? That would be the first place I'd look in these circumstances - has the image file actually made it onto the server?