Configuration Issue

[N7Pankake]

Hi I was having the same issue than this person Configuration Issue #131

The legacy documentation no longer exist it says 404 error, also I'm having the same issue and I can't understand why it doesn't work because I have it on my public folder.

This is how I have my folder structure

And this is what I have in my JS file where I'm trying to render the Unity project

import React from 'react'
import Unity, { UnityContent } from "react-unity-webgl";

let unityContent = new UnityContent(
  "Megaman/Build/Megaman.json",
  "Megaman/Build/UnityLoader.js"
);

function MegamanGame() {
    return (
        <div><Unity unityContent={unityContent} /></div>
      
    )
}

export default MegamanGame

[jeffreylanters]

Hi. The legacy documentation moved to the readme under the 7.x tag. You should be able to find it there.

Looking at your screenshot, your structure and React code looks just fine. Are you getting any errors in the console?

[jeffreylanters]

Hm, I notice that your MegamanGame component is place into a sub directory. Is this view served using a nested path? For example something like: "https://example.com/games/megaman"?

Because if that's the case, your build might not be found by the module because your you've entered relative URLs. This way the module would try to load the files from in the same example: "https://example.com/games/Megaman/Build/Megaman.json".

Could you try using absolute URLs by simply putting a / in front of every URL?

[N7Pankake]

Yes is being used as a nested path let me try that.

[N7Pankake]

So for example if the URL is:

<Route path = "/" element={} >
<Route path="/MegamanClone/Game" element={( <>

</> )} >

Should I just set it up as /MegamanClone/Game/Build/Megaman ?

[jeffreylanters]

Could you try the following:

import React from 'react'
import Unity, { UnityContent } from "react-unity-webgl";

let unityContent = new UnityContent(
  "/Megaman/Build/Megaman.json",
  "/Megaman/Build/UnityLoader.js"
);

function MegamanGame() {
    return (
        <div><Unity unityContent={unityContent} /></div>
      
    )
}

export default MegamanGame

[N7Pankake]

Oh wow I did try that before but it didn't work and now it does well not gonna complain, thanks for the help.

Edit: Okay just notice all I was missing is the / I see