question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Blank panel after upgrading to Kirby 3.6.0

See original GitHub issue

Hi there! I just upgraded my site to Kirby 3.6.0 and the frontend is working fine, however I get a blank page when trying to visit the panel. The console error message reads:

DOMException: Failed to execute 'pushState' on 'History': A history state object with URL 'http://localhost:35411/panel/site' cannot be created in a document with origin 'http://localhost:8080' and URL 'http://localhost:8080/panel/site'.

    at Object.setState (http://localhost:8080/media/panel/84e399b8f2181ccd73394fdeddff1638/js/index.js:1:14524)
    at Object.init (http://localhost:8080/media/panel/84e399b8f2181ccd73394fdeddff1638/js/index.js:1:12871)
    at a.created (http://localhost:8080/media/panel/84e399b8f2181ccd73394fdeddff1638/js/index.js:1:14845)
    at Vt (http://localhost:8080/media/panel/84e399b8f2181ccd73394fdeddff1638/js/vendor.js:6:11291)
    at nn (http://localhost:8080/media/panel/84e399b8f2181ccd73394fdeddff1638/js/vendor.js:6:25303)
    at a.Cn._init (http://localhost:8080/media/panel/84e399b8f2181ccd73394fdeddff1638/js/vendor.js:6:32894)
    at new a (http://localhost:8080/media/panel/84e399b8f2181ccd73394fdeddff1638/js/vendor.js:6:30461)
    at http://localhost:8080/media/panel/84e399b8f2181ccd73394fdeddff1638/js/vendor.js:6:19454
    at init (http://localhost:8080/media/panel/84e399b8f2181ccd73394fdeddff1638/js/vendor.js:6:19485)
    at http://localhost:8080/media/panel/84e399b8f2181ccd73394fdeddff1638/js/vendor.js:6:56812

Am unfortunately not skilled enough to know how to read this and what to do. Any pointers? Thanks in advance!

Issue Analytics

  • State:open
  • Created 2 years ago
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

2reactions
fabianmichaelcommented, Dec 14, 2021

I also had a blank screen issue on an IONOS webspace. It was caused when history.pushState() tried to push the non-ww URL of the website as path, while the panel loaded from the www-version. At IONOS, SERVER_NAME is set to the domain without www prefix, but HTTP_HOST contains www. I was able to fix that temporarely by adding the following line to my index.php file before loading anything else:

$_SERVER['SERVER_NAME'] = $_SERVER['HTTP_HOST'];
0reactions
arnaudjuracekcommented, Apr 12, 2022

In my setup the blank panel was due to a port mismatch, and was solved by using this index.php :

<?php

require __DIR__ . '/kirby/bootstrap.php';

// Fix blank panel on Kirby 3.6.2 with kirby-webpack
if (($_SERVER['HTTP_X_FORWARDED_FOR'] ?? null) === 'webpack') {
  $_SERVER['SERVER_PORT'] = 8080;
}

echo (new Kirby)->render();

Where 8080 is the matching port of your BrowserSync options.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Blank screen in panel · Issue #3897 · getkirby/kirby - GitHub
When loading the panel on shared hosting it returns a blank screen on the latest release. The output of the page is blank...
Read more >
Kirby 3.6
Kirby is the content management system that adapts to any project. Made for developers, designers, creators and clients.
Read more >
Kirby 3.6 Release Show - YouTube
This is a recording of the live stream from November 23, 2021. Bastian Allgeier demoed the new features of the latest release of...
Read more >
k-community/markdown-field - Packagist
This version of the plugin requires PHP 8.0 and Kirby 3.6.0 or higher. The recommended way of installing is by using Composer:
Read more >
This is a text file named "Readme.doc" in the BRB-ArrayTools
When installing BRB-ArrayTools or CGHTools on a 32 bit or 64-bit machine ... Click “Add-Ins” above the Trust center on the left panel....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found