My canvas app has all started showing a 404 error from my website. I have not had any success in trouble shooting how the app is being redirected a website page rather than showing the original splash screen to install the app. Any ideas on troubleshooting this?
the app address is: http://www.facebook.com/#!/AyopaSoftware?sk=app_155882081129524
You need to fully configure the application that hosts that tab, including the canvas url.
Related
Scenario: I have a web app and when I am developing I am using Ubuntu Linux and viewing my web app in Firefox. The web app looks great. It is styled using tailwind-css all pages are set to the same max-w-6xl. When I dual boot back into windows(to watch movies), it I go to my web app(same device, same browser) it appears to be zoomed in, the navbar stretches all the way across the screen.
I would submit screenshots, but I don't won't the post to get removed for promoting!
So this is my heroku website. Under 600px, it should change to my mobile screen
but my website on godaddy that is forwarding is not reflecting that change
how can I solve this problem??
its because the forwarding places the website into an Iframe and so it looses it mobile responsive css queries.
i just had the same problem with my website.
reverted back to unmasked because of it. now looking for a better way of having my URL
Background
I'm making a portfolio website in React and it is hosted through Netlify. All the websites I have created use React and React Router and are hosted through Netlify
I have four external links on my portfolio:
LinkedIn profile
Github profile
Another website I built called Shoppies
Another website I built called GithubFinder
Problem
When I click links 3 and 4 and then hit the back button in my browser, I sometimes get a 404. This never happens with the first two links and there doesn't seem to be a pattern for when the error does happen.
Here's a link to my website
And a screenshot of the error I geterror message I get
Thanks in advance for the help I really appreciate it!
I was under the impression that for single page applications the reload did not occur. Can one determine from looking at the code and/or behavior whether an app is a SPA? For example the code uses (I think) a router -- does that imply that a reactjs app is a SPA?
In non SPA when you click on a link it load new page which in chrome is shown by spinning circle on tab where title is written. In spa this happens only once when you visit website after that it doesn't show spinnig circle on url change as you navigate website.
Look at reddit website for spa and stack overflow website for non spa.
I am trying to integrate my app into kik, but for a specific action I fall in an error page that says:
Oops, couldn't load. Please try again later.
This panel looks like a kik panel with my app logo at the top
But everything is OK, If I try my app in Chrome with Kik plugin it works well. In fact my app creates an iframe and load it then we use postMessage to communicate between parent and iframe. I put some logs and it seems that everything is OK. Iframe is loaded and send message to parent with postmessage. But when I am in kik, the 'couldn't load' message appears and stops my app.
Does someone know what cause this panel to appear?
I had the exact same problem.
The problem is the combination of loading an iframe after doing browser history manipulation. Since there is no back button in Kik you can just do the page updates without updating the browser history and this will solve your problem.
I use this line to detect Kik and, if detected, ignore browser history updates:
if (!kik.enabled) {
//We are not running in Kik so we can do browser history manipulation here
}
Websites in the Kik browser must be single-page applications. The error screen shows up when the website either fails to load or tries to navigate elsewhere.
Is your website doing any navigation? Also, is there a place where we could take a look at the code?