Network error on media tab

[auwaerter]

Hello together! :)

I'm receiving an "Network error" using the media-ui.

The browser log tells me the following:

main.bundle.js:359 [Network error]: ServerParseError: Unexpected token '<', "<br />
<b>"... is not valid JSON
(anonymous) @ main.bundle.js:359
error @ main.bundle.js:359
y @ main.bundle.js:1
b @ main.bundle.js:1
value @ main.bundle.js:1
(anonymous) @ main.bundle.js:1
Promise.catch
(anonymous) @ main.bundle.js:1
e @ main.bundle.js:1
value @ main.bundle.js:1
(anonymous) @ main.bundle.js:359
e @ main.bundle.js:1
value @ main.bundle.js:1
complete @ main.bundle.js:1
t.start @ main.bundle.js:1
t @ main.bundle.js:1
e.getObservableFromLink @ main.bundle.js:1
e.getResultsFromLink @ main.bundle.js:1
m @ main.bundle.js:1
e.fetchQueryByPolicy @ main.bundle.js:1
b @ main.bundle.js:1
e.fetchQueryObservable @ main.bundle.js:1
(anonymous) @ main.bundle.js:1
e.reobserve @ main.bundle.js:1
t.reobserve @ main.bundle.js:1
t.onSubscribe @ main.bundle.js:1
(anonymous) @ main.bundle.js:1
e @ main.bundle.js:1
value @ main.bundle.js:1
t.startQuerySubscription @ main.bundle.js:1
t.getExecuteResult @ main.bundle.js:1
t.execute @ main.bundle.js:1
(anonymous) @ main.bundle.js:1
s @ main.bundle.js:1
c @ main.bundle.js:1
a @ main.bundle.js:1
s @ main.bundle.js:35
g @ main.bundle.js:61
o6 @ main.bundle.js:1
c @ main.bundle.js:1
sU @ main.bundle.js:1
(anonymous) @ main.bundle.js:1
sR @ main.bundle.js:1
sC @ main.bundle.js:1
io @ main.bundle.js:1
(anonymous) @ main.bundle.js:1
sN @ main.bundle.js:1
iu @ main.bundle.js:1
r.render @ main.bundle.js:1
window.onload @ main.bundle.js:1
load
9M0Dq.react/jsx-runtime @ main.bundle.js:1
c @ main.bundle.js:1
(anonymous) @ main.bundle.js:1
(anonymous) @ main.bundle.js:1Understand this errorAI
main.bundle.js:359 [Network error]: ServerParseError: Unexpected token '<', "<br />
<b>"... is not valid JSON
(anonymous) @ main.bundle.js:359
error @ main.bundle.js:359
y @ main.bundle.js:1
b @ main.bundle.js:1
value @ main.bundle.js:1
(anonymous) @ main.bundle.js:1
Promise.catch
(anonymous) @ main.bundle.js:1
e @ main.bundle.js:1
value @ main.bundle.js:1
(anonymous) @ main.bundle.js:359
e @ main.bundle.js:1
value @ main.bundle.js:1
complete @ main.bundle.js:1
t.start @ main.bundle.js:1
t @ main.bundle.js:1
e.getObservableFromLink @ main.bundle.js:1
e.getResultsFromLink @ main.bundle.js:1
m @ main.bundle.js:1
e.fetchQueryByPolicy @ main.bundle.js:1
b @ main.bundle.js:1
e.fetchQueryObservable @ main.bundle.js:1
(anonymous) @ main.bundle.js:1
e.reobserve @ main.bundle.js:1
t.reobserve @ main.bundle.js:1
t.onSubscribe @ main.bundle.js:1
(anonymous) @ main.bundle.js:1
e @ main.bundle.js:1
value @ main.bundle.js:1
t.startQuerySubscription @ main.bundle.js:1
t.getExecuteResult @ main.bundle.js:1
t.execute @ main.bundle.js:1
(anonymous) @ main.bundle.js:1
s @ main.bundle.js:1
c @ main.bundle.js:1
a @ main.bundle.js:1
c @ main.bundle.js:8
(anonymous) @ main.bundle.js:110
o6 @ main.bundle.js:1
aL @ main.bundle.js:1
aF @ main.bundle.js:1
aN @ main.bundle.js:1
c @ main.bundle.js:1
sU @ main.bundle.js:1
(anonymous) @ main.bundle.js:1
sR @ main.bundle.js:1
sC @ main.bundle.js:1
io @ main.bundle.js:1
(anonymous) @ main.bundle.js:1
sN @ main.bundle.js:1
iu @ main.bundle.js:1
r.render @ main.bundle.js:1
window.onload @ main.bundle.js:1
load
9M0Dq.react/jsx-runtime @ main.bundle.js:1
c @ main.bundle.js:1
(anonymous) @ main.bundle.js:1
(anonymous) @ main.bundle.js:1Understand this errorAI
main.bundle.js:359 [Network error]: ServerParseError: Unexpected token '<', "<br />
<b>"... is not valid JSON

It won't show the list of collections/tags. However, after reloading, it appears and everything is working fine.

What could be the issue here? 🤔

"neos/neos": "8.3.19",
"neos/flow": "8.3.12",
"neos/neos-ui": "8.3.11",
"flowpack/media-ui": "^1.4",

[Sebobo]

Hi. If you get a server error you have to check the Neos system log and exceptions. I cannot read the error from your JS stack trace.

[auwaerter]

Thanks for the input @Sebobo! :)

Is there another log i could gather? There are no exceptions or something within the system log.

From time to time i also see:

After reloading everything is fine 🤕

[Sebobo]

Did you check what is the response from the server it cannot parse?

[auwaerter]

I think it could be that message:

<br/>
<b>Deprecated</b>
:  Using ${var} in strings is deprecated, use {$var} instead in <b>/var/Neos/Packages/Libraries/webonyx/graphql-php/src/Validator/Rules/ValuesOfCorrectType.php</b>
on line <b>177</b>
<br/>{"data":{"assetCollections":[]}}

That could explain the </br> error.

Those three requests:

Are having the following response:
1.

<br/>
<b>Deprecated</b>
:  Using ${var} in strings is deprecated, use {$var} instead in <b>/var/Neos/Packages/Libraries/webonyx/graphql-php/src/Validator/Rules/ValuesOfCorrectType.php</b>
on line <b>177</b>
<br/>{"data":{"assetCollections":[]}}

<br/>
<b>Deprecated</b>
:  Using ${var} in strings is deprecated, use {$var} instead in <b>/var/Neos/Packages/Libraries/webonyx/graphql-php/src/Validator/Rules/ValuesOfCorrectType.php</b>
on line <b>177</b>
<br/>{"data":{"assetSources":[{"label":"Neos","id":"neos","description":"Assets in the local asset storage","iconUri":"https:\/\/my-local-neos.net\/_Resources\/Static\/Packages\/Neos.Media\/Icons\/NeosWhite.svg","readOnly":false,"supportsTagging":true,"supportsCollections":true,"__typename":"AssetSource"}]}}

<br />
<b>Deprecated</b>:  Using ${var} in strings is deprecated, use {$var} instead in <b>/var/Neos/Packages/Libraries/webonyx/graphql-php/src/Validator/Rules/ValuesOfCorrectType.php</b> on line <b>177</b><br />
{"data":{"assetCount":0}}

[Sebobo]

So that's a deprecation notice you could disable in your php.ini.
We cannot solve that issue from the Media.Ui directly as the GraphQL library by t3n we currently use is not maintained anymore and relies on an old version of webonyx/graphql-php (0.13.9 instead of the current 15.x) which you see in the error message.

I'm currently working on a full replacement of the used library in #188 with a custom implementation that uses the latest webonyx package and hopefully prevents issues like that in the future.

Until that is done, I don't have a solution for you besides disabling the deprecation warnings in your php.ini. You could keep them enabled in the PHP cli mode.

Note: the affected code will only break in PHP 9.0. So there is no immediate danger in disabling the warnings.

[auwaerter]

Good Morning @Sebobo!

As i didn't configured that value in my php.ini i had to dig a bit and found out that opcache.enable=1 is responsible to deliver that deprecation message. (In frontend but also within ./flow operations):

./flow resource:publish

Deprecated: Using ${var} in strings is deprecated, use {$var} instead in /var/Neos/Packages/Libraries/doctrine/dbal/lib/Doctrine/DBAL/Platforms/PostgreSqlPlatform.php on line 874Publishing resources of collection "static"
Publishing resources of collection "persistent"

Deprecated: Using ${var} in strings is deprecated, use {$var} instead in /var/Neos/Packages/Libraries/doctrine/dbal/lib/Doctrine/DBAL/Platforms/PostgreSqlPlatform.php on line 874

Having it disabled silences it 🙆‍♂

[Sebobo]

Default is that the OpCache is disabled in CLI but important for web, so please have it enabled there or it will cost you quite some performance.

You can disable deprecation warnings by setting this in your php.ini error_reporting = E_ALL & ~E_DEPRECATED

[auwaerter]

Default is that the OpCache is disabled in CLI but important for web, so please have it enabled there or it will cost you quite some performance.

You can disable deprecation warnings by setting this in your php.ini error_reporting = E_ALL & ~E_DEPRECATED

Fixed it for me, thanks a lot @Sebobo ❤