5

Hey there trying to make my Unity WebGL export work on my React JS project but for some reason is not working I'm using the following React Unity WebGL version ([email protected] # For Unity 2018 and 2019 (Active LTS)) and I have followed the instructions accordingly to the version I'm using, someone ran into the same issue than me and asked a question in the GitHub and I followed what they said which is basically to put the unity folder in the public folder but still is not working. Anyone has any idea of how to fix this ?

This is how I have my folder structure:

enter image description here

And this is the 2 codes I have try (which they are basically the same):

Code A:

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>
          <h1>Is not working</h1>
          <Unity unityContent={unityContent} />
        </div>
      
    )
}

export default MegamanGame

Code B:

import Unity, { UnityContent } from "react-unity-webgl";
export default function Megaman() {
    let unityContent = new UnityContent(
        "Megaman/Build/Megaman.json",
        "Megaman/Build/UnityLoader.js"
    );
    return (
        <div><Unity unityContent={unityContent} /></div>
    );
}

And this is how it renders

enter image description here

Take in mind I have try the path in 2 ways either "Megaman/Build/Megaman.json" or just "/Build/Megaman.json"

ReactPotato
  • 1,262
  • 3
  • 26
  • 46
  • Did you find a solution to this problem? Consider [self-answering](https://stackoverflow.com/help/self-answer) and writing an answer below. – Ruzihm Jan 24 '22 at 19:56

2 Answers2

3

Answered here anyone looking: https://github.com/jeffreylanters/react-unity-webgl/discussions/299

Code was fine just needed to add "/Megaman/Build/Megaman.json" and "/Megaman/Build/UnityLoader.js".

And keep in mind the "UnityContent" has been reworked into "UnityContext" from version 7.x to 8.x.

Dean Overton
  • 76
  • 2
0

you have to move your unitybuid folder as child of Public file, as this /public/Build/yourfiles.json

i am havinbg problems after that, it runs well on local host, but when building on a hosting sites, it doesnt loading for me.

Lucilo del Castillo
  • 1
  • 1
  • As it’s currently written, your answer is unclear. Please [edit] to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Jan 09 '22 at 06:47
  • It does not have to be "/public/Build/yourfiles.json" developer told me as long as the route/path is correctly it should work and it did. In my code I have the Page in the SRC and the build in the public however this is how I have to write it up: "/Megaman/Build/Megaman.json" because I made another folder inside the public (that way I can separate the multiple games I wanna add) – ReactPotato Jan 18 '22 at 20:05
  • Ah yeah, of coruse... if you have more folders you have to add them in the path,... but what i meant is that the project folder have to be inside the public folder. Glad it worked – Lucilo del Castillo Jan 19 '22 at 14:29