I’m working on a Shiny app that predicts the next word using n-grams. To enhance the user experience, I tried to build a custom keyboard interface using JavaScript and CSS. Everything works perfectly when I run the app locally, but once I upload it to shinyapps.io, the keyboard part isn’t rendering as expected.
After checking the logs in the browser’s console, I encountered the following errors:
Failed to load resource: the server responded with a status of 404 ()
next_word_app/:1 Refused to apply style from ‘https://matcord.shinyapps.io/next_word_app/_w_08a82524/Keyboard.css’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
next_word_app/:63 Refused to apply style from ‘https://matcord.shinyapps.io/next_word_app/_w_08a82524/Keyboard.css’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
It seems like the server is treating my CSS and JS files as HTML, leading to a MIME type mismatch that causes the resources to be blocked.
What I’ve Tried:
Verified that the files are in the www folder and referenced correctly in the app.
Checked the file extensions and content to ensure they match the expected types.
Ensured the app works perfectly in my local environment.
Despite this, the problem persists on shinyapps.io.
Has anyone encountered a similar issue or have any ideas on how I can resolve this? Any help would be greatly appreciated!
Thanks in advance!