WebOS Release Access is blocked to resource

[trokohl]

Hi,

i'm using rnv 1.9 on WebOs and i have a strang behavior.

On Debug Build everything works.

I use the react-player and react-navigation/drawer

if I put the react-player on the main screen everything works in the release build.
but when i put the player on a subpage i get:



PlayerScreen:1 Access is blocked to resource: file:///static/js/reactPlayerFilePlayer.70bf0a3a.chunk.js

chromeillegalwebdata/:1  Failed to load resource: net::ERR_BLOCKED_BY_CLIENT

main.06920567.js:2 ChunkLoadError: Loading chunk 458 failed.
(error: file:///static/js/reactPlayerFilePlayer.70bf0a3a.chunk.js)
    at n.f.j (main.06920567.js:2:2034013)
    at main.06920567.js:2:2031891
    at Array.reduce (<anonymous>)
    at n.e (main.06920567.js:2:2031856)
    at main.06920567.js:2:1406659
    at main.06920567.js:2:628718
    at M (main.06920567.js:2:299295)
    at Os (main.06920567.js:2:1719743)
    at Al (main.06920567.js:2:1708375)
    at gl (main.06920567.js:2:1708303)
main.06920567.js:2 Uncaught ChunkLoadError: Loading chunk 458 failed.
(error: file:///static/js/reactPlayerFilePlayer.70bf0a3a.chunk.js)
    at n.f.j (main.06920567.js:2:2034013)
    at main.06920567.js:2:2031891
    at Array.reduce (<anonymous>)
    at n.e (main.06920567.js:2:2031856)
    at main.06920567.js:2:1406659
    at main.06920567.js:2:628718
    at M (main.06920567.js:2:299295)
    at Os (main.06920567.js:2:1719743)
    at Al (main.06920567.js:2:1708375)
    at gl (main.06920567.js:2:1708303)
PlayerScreen:1 Access is blocked to resource: file:///PlayerScreen
PlayerScreen:1 Access is blocked to resource: file:///manifest.json

.

file:///static/js/reactPlayerFilePlayer.70bf0a3a.chunk.js can't be right either.

It doesn't seem to be a problem with the react-player, the reloading of js-files doesn't seem to work here.

I'm not sure where to start, does anyone have any ideas?
Is it rnv or react-navigation?
Does anyone have any ideas?

[trokohl]

If i add a

      <NavigationContainer
        linking={{
          enabled: 'auto',
          prefixes: ['file:///media/developer/apps/usr/palm/applications/de.mycompany.test/'],
          // other stuff
        }}

and a

<base href="%PUBLIC_URL%" />

in the template => i have a workaround ...

[trokohl]

Can someone tell me how to add the line

into the index.html?

At the moment I have edited the module for testing, but I can't find how to cover the index.html or write something into the head.

Thank you

[abood-zen]

You can edit the build webOs index html ,
By creating a webos folder inside of the
appConfigs->app->builds

Inside the newly created webOs folder with the public file create an index html ,
Copy the content of the index html inside the platform builds and paste it in the newly created index.html inside the folder you created

And then edit the index html in any way you like,

The next time you run the app it will take the index html inside of the app config and replace / override it

[trokohl]

Thank you.

My full workaround looks now link this:

 let url = window.location.href.replace('index.html', '');
  return (
    <View style={{ flex: 1, position: 'absolute', left: 0, top: 0, width: "100%", height: "100% " }}>
      <NavigationContainer
        linking={{
          enabled: 'auto',
          prefixes: [url],
          // other stuff
        }}
        theme={theme}>
        <RootNavigator />
      </NavigationContainer>
    </View>
  );

The correct full path for the index.html is

builds\webos\public\index.html

So is only a workaround for a Bug in rnv?

Summary:

WebOs in start the app with the url

file:///media/developer/apps/usr/palm/applications/de.mycompany.myapp/index.html

In this subpath the resolution for assets and navigation don't work.