ReferenceError

[MichaelRazum]

Hello,

I'm trying to setup a project using react unity. I have created a build using unity and copied the files in my public folder. Using this code in App.js:

import React, { Component } from 'react';
import './App.css';
import Unity from 'react-unity-webgl';

class App extends Component {
  render() {
    return (
        <Unity
          src='public/buildunity/build2.json'
          loader='public/buildunity/UnityLoader.js' />
    )
  }
}
export default App;


I'm getting the error in the browser:  "(in promise) ReferenceError: UnityLoader is not defined"
Any Idea what might be wrong?
Maybe I made a mistake. The react project was created with "create-react-app". 
Thanks a lot!

[jeffreylanters]

Hi Michael. The path to your Unity files should be relative to your index and should be available to the browser. The file tree should look like this in your case:

|- index.html
|- bundle.js?
   \- public
      \- buildunity
         |- build2.json
         \- UnityLoader.js

[MichaelRazum]

Hi Jeffrey,

thanks a lot for your answer. I will try it out the next days! Is it correct that in that case the project should be build first to run it? Right now I'm starting it with 'react-scripts start'.

[jeffreylanters]

Once your project is Build is should work.

[MichaelRazum]

That worked. Actually, I'm not that experienced with javascript / webpack. It was a webpack Issue. A simple workaround was for me to place the files directly in the public folder.

[jeffreylanters]

No problem. A little bit of background information; the reason I don’t add your Unity code into the JavaScript bundle is due to it’s size. I would make your application very slow and big in file size. Plus Unity loads additional blobs in run-time, so it needs direct access to the other build files.

If you have any other questions feel free to reopen your issue.

[Mounajidev]

Hello guys !
i am still struggling with the UnityLoader path, the WebGL app works fine on the react app in localhost, but after i run "npm run build', it brokes and i get the error:

" Unable to use the Unity Loader, please make sure you've imported the Unity Loader the correct way.",

and also if i try to publish on gh pages, or fleek, i got the same error. but before building it was working good. Anything i can do to make it works properly on a published page ? thanks !

error on inspector console:

thats the actual code and project:

[jeffreylanters]

@Mounajidev your directory starts with an uppercase letter, your configuration doesn't.

[Mounajidev]

@Mounajidev your directory starts with an uppercase letter, your configuration doesn't.

thanks for your reply @jeffreylanters, i tried it by different ways, but it are not working now even if i use same capitals letters.

[jeffreylanters]

@Mounajidev I notice that the relative path to these files changed in your build directory. Here the, for example, UnityLoader.js is in the same directory as the index.html rather than in the Build directory. This is probably the cause of your problem. This seems to be a configuration problem in your React project? Why not trying Create React App?

[Mounajidev]

Comment
Remember, contributions to this repository should follow its contributing guidelines and code of conduct.

I copied the files inside the main project/build folders, just to testing. even do i deleted them now,and it still not working.
And i used 'npm create-react-app' for creating the project, i am quite new with react, do i missing something ?