Why Does Fokus (fokus-website.netlify.app) Show “You need to enable JavaScript to run this app”?

Updated

The message appears because Fokus is a client-side React application (built with create-react-app) that renders entirely in the browser. If JavaScript is disabled, blocked, or fails to execute, the page has nothing to display except that fallback notice. To fix it, enable JavaScript for the site, allow its scripts through any blocker, and reload in a modern browser.

What the message actually means

The site's source description identifies it as a "Web site created using create-react-app," and the only visible page content is the JavaScript-required notice. That tells you the HTML shell contains no meaningful static content — the interface, text, and navigation are all injected by JavaScript after the page loads. When scripts don't run, the app never mounts, so the notice is the expected result rather than an error in the site itself.

Fix it step by step

  1. Confirm JavaScript is on. In Chrome, Edge, or Firefox, open Settings → Privacy and security → Site settings → JavaScript and make sure it's allowed. In Safari, check Settings → Security → Enable JavaScript.
  2. Allow this specific site. If JavaScript is on globally but blocked for fokus-website.netlify.app, add it to the allowed list in the same settings panel.
  3. Reload with a hard refresh. Use Ctrl+Shift+R (Windows/Linux) or Cmd+Shift+R (macOS) to bypass a cached copy of the page.
  4. Check extensions. Ad blockers, script blockers, privacy extensions, and some antivirus browser add-ons can block scripts on Netlify-hosted domains. Disable them for this site or pause them and reload.
  5. Try another browser or a private window. A private window usually runs with extensions disabled, which quickly separates an extension problem from a browser setting problem.

Expected result: after scripts are allowed, the page reloads into the actual Fokus interface instead of the notice.

Common sticking points

  • Corporate or school networks sometimes strip scripts or block certain hosts; if the site works on mobile data but not on Wi-Fi, the network is the likely cause.
  • Strict tracking-protection modes in Firefox or Brave can block third-party scripts the app depends on. Lowering protection for this site is usually enough.
  • Very old browsers may not support the JavaScript features React relies on. Updating to a current version of Chrome, Edge, Firefox, or Safari resolves this.
  • The notice can persist briefly on slow connections while scripts download; wait a few seconds before assuming a block.

When the fix doesn't work

If JavaScript is enabled, extensions are off, and a modern browser still shows only the notice, the problem is likely on the hosting side — a failed script bundle or a Netlify deployment issue. In that case there's nothing to change in your browser; retry later or check whether the site loads on a different device and network to confirm.