Question

我在Unity项目中加载React文件时遇到问题。我想如果我在index.html中添加文件，我就可以在项目的任何位置使用UnityLoader，如下所示：

的index.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Game</title>
  </head>
  <body>
    <div id="app">
    </div>
    <script src="UnityLoader.js"></script>
  </body>
</html>

Unity.js

class Unity extends Component {

    render() {
        return (
            <div id="unity">
                {UnityLoader.instantiate('unity', 'unity/index.html')}
            </div>
        );
    }
}

但是，我收到一条错误消息，指出UnityLoader未定义。

我是否需要使用某种

import { UnityLoader } from 'UnityLoader'

Unity.js中的

？问题是UnityLoader是一个外部JS文件，不会导出任何内容。

Answer 1

为什么不通过npm安装React-Unity然后将其导入到您的组件中？

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


export class App extends Component {
  render() {
    return (<div className="app">
      <Unity src="Build/myGame.json" />
        </div>)
    }
}

不要忘记添加一个脚本标记来加载由Unity在基本html文件中导出的UnityLoader.js文件。

<script src="build_unity/Build/UnityLoader.js"></script> 
<script src="compiled/bundle.js"></script>

在React项目中导入Unity文件

1 个答案: