Web Client Extension Error 404 - React App with React Router

[pmuszel1]

Hi everyone,

I'm trying to add tile extension to SAP B1 WebClient written in React.JS and it worked unless I added React Router functionality to it.

Now main page displays an error of 404. It is the problem with the address of a page, but I can't find a solution how to solve that. I added the 'homepage' tag as '.' to package.json like docs says but it didn't help.

If anyone knows the answer, please let me know. Thanks.

[andy_bai]

could you show the request url which has 404 error?

[andy_bai]

by the way, the packaged react app is like a static bundle. It work on static servers. Did you try it on for example nginx or apache httpd?

[pmuszel1]

Request url is:

https://(domain)/webx/index.html#boEXTENSION-app?addonId=6077&appFolder=revents&index=1

On a local static serwer React App standalone works fine.

[andy_bai]

i mean go to the browser development mode, open the Network tab, find the specific request having 404 error. thanks.

[andy_bai]

It is useful to verify if the react app bundle work on popular static servers (e.g. apache httpd, nginx). Sometimes, the asset path(relative or absolute) is not well packaged by the react tools. And this would probably result in some deployment issue.

[pmuszel1]

Real address is:

https://(domain)/extn/ui-static/6077/revents/index.html

I will check static server and reply to you soon.