在React项目中导入Unity文件

Question

在React项目中导入Unity文件

3

我有困难在我的React项目中加载Unity文件。我认为如果我将文件添加到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文件，不导出任何内容。

- user2456977

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- krankuba · Accepted Answer

为什么不通过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>)
    }
}

不要忘记在基础HTML文件中添加脚本标签以加载Unity导出的UnityLoader.js文件。

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