Broken react frontend library

[ramezrafla]

Hello, I followed the exact steps in https://neutralino.js.org/docs/getting-started/using-frontend-libraries#react

And get these errors

http://localhost:3000/__neutralino_globals.js:1: CONSOLE JS ERROR SyntaxError: Unexpected token '<'
http://localhost:3000/static/js/bundle.js:278:20: CONSOLE JS ERROR Invalid url for WebSocket ws://localhost:undefined?connectToken=undefined
http://localhost:3000/static/js/bundle.js:41067:20: CONSOLE JS ERROR SyntaxError: The string did not match the expected pattern.

Even the react setup after fails (another issue will be opened)

[ramezrafla]

I believe I identified the issue. When using hot-reload with react (i.e. react runs a server on port 3000), the URL of globals is specified as:

 <script src="%PUBLIC_URL%/__neutralino_globals.js"></script>

which is attempting to load from react's dev server (port 3000). It needs to load from neu's dev server. How do we do that?

[benjammin4dayz]

Hi @ramezrafla,

The underlying issue is that the Neutralino dev tools extension is failing to connect due to a lack of permissions. This was a quirk introduced in the latest release (v5.4.0) and I'm unsure whether or not it was intentional.

For now, add these top-level keys to neutralino.config.json:

"enableExtensions": true,
"extensions": [{ "id": "js.neutralino.devtools" }]

This will allow the dev tools to connect in order to automatically update the URL in your example to point to the neu dev server.