我在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>