在 React 项目中导入 Unity 文件



我在React项目中加载Unity文件时遇到问题。我想如果我在index.html中添加文件,我将能够在项目中的任何地方使用UnityLoader,如下所示:

索引.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>

团结.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文件,不会导出任何内容。

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

最新更新