File manager shows a blank page: URI malformed cannot read property of null

Symptoms

• File manager shows a blank page

• The following errors might be shown when accessing File Manager:

  PLESK_ERROR: Internal error ;-P
  TypeError: Cannot read property 'style' of null
  undefined

  PLESK_ERROR: Internal error ;-P
  TypeError: this._componentElement.querySelector(...) is null
  undefined

• Opening the Browser Developer Console (In Chrome F12 > Console), the following error is shown:

  CONFIG_TEXT: prototype.js?1574239353:1 Uncaught (in promise) URIError: URI malformed
  at decodeURIComponent ([anonymous])
  at prototype.js?1574239353:1
  at Array.[anonymous] (prototype.js?1574239353:1)
  at Array.forEach ([anonymous])
  at Array.each (prototype.js?1574239353:1)
  at Array.inject (prototype.js?1574239353:1)
  at String.toQueryParams (prototype.js?1574239353:1)
  at t.default (addUrlParams.js:11)
  at f (index.js:167)
  at index.js:63

Cause

This is a Plesk bug with the ID #PPPM-11302 which is planned to be fixed in future Plesk updates.

Note: Subscribe to this article to get notified once a fix will become available

Resolution

As a workaround:

1. Connect to the server via SSH

2. Find and rename all files with broken names including Non-UTF8 characters:

   # find /var/www/vhosts/ | perl -ane '{ if(m/[[:^ascii:]]/) { print } }'
   /var/www/vhosts/example.com/httpdocs/Broken▒file.php