Question

我使用webgl编写了简单的本机应用程序。我使用了https://github.com/JilvanPinheiro/reactive-native-unity-webgl

ReferenceError:  Can't find variable: document. This error is located at:
    in Unity (at App.js:9)
    in RCTView (at View.js:60)
    in View (at App.js:8)
    in App (at registerRootComponent.js:35)
    in RootErrorBoundary (at registerRootComponent.js:34)
    in ExpoRootComponent (at renderApplication.js:33)
    in RCTView (at View.js:60)
    in View (at AppContainer.js:102)
    in RCTView (at View.js:60)
    in View (at AppContainer.js:122)
    in AppContainer (at renderApplication.js:32)

但我有以下错误

{{1}}

有没有简单的方法将统一webgl放入我的反应本地？

Answer 1

您必须必须从document导入React和react-native，尝试这样做可以解决您的问题，并确保您下载与Unity版本匹配的发行版。< / p>

import React, {Component} from 'react';
import {View,document} from 'react-native';

Answer 2

这是您的整个密码吗？还是剩下的？您必须添加react和其他一些东西才能使其生效。如果您没有这些代码，我会为您编写以下代码：

import React, {Component} from 'react';
import {
    View,
    documnet
} from 'react-native';

...

render () {
    return(
        <View>
             <Unity 
               width="500px"
               height="350px"
               onProgress={ this.onProgress }
               src="http://192.168.1.101/Build/Ultimatum.json" 
               loader="http://192.168.1.101/Build/UnityLoader.js"
             />
        </View>
    );
}

Answer 3

最简单的方法：

转到您的react项目的index.html文件。
为Unity WebGL加载器添加脚本标签：<script src="Your File Path Here"></script>
用于实例化Unity的脚本（您也可以为此使用一个组件）：<script> var unityInstance = UnityLoader.instantiate("unityContainer", "%UNITY_WEBGL_BUILD_URL%");</script>
<div>标记，它具有实例化函数中使用的ID。
在到达所需的组件路径之前，不要显示它。当您进入Mywebsite / myUnityProject路径时，请使用<div>的ID选择显示模式并将其更改为可见。

希望对您有所帮助！

如何将Unity Webgl放入我的本机应用程序中？

3 个答案: