我试图让这段代码在Next.js版本中工作,但是游戏没有加载到页面上,我在控制台中没有得到任何错误,所以我只是不知道为什么游戏不会加载。
- 我在用**
统一:2021.3.16f1,(用于导出游戏)
"下一个":"^13.1.6",
"React":"^18.2.0",
"React-统一-网络":"^9.4.0"
下面是代码:
import { Unity, useUnityContext } from 'react-unity-webgl';
export default function GamesPage() {
const { unityProvider } = useUnityContext({
loaderUrl: '/testBuildThree/Build/testBuildThree.loader.js',
dataUrl: '/testBuildThree/Build/testBuildThree.data',
frameworkUrl: '/testBuildThree/Build/testBuildThree.framework.js',
codeUrl: '/testBuildThree/Build/testBuildThree.wasm',
});
return (
<div>
<p>Game</p>
<Unity
unityProvider={unityProvider}
style={{ width: 800, height: 600, border: 'solid black 1px' }}
/>
</div>
);
}
这是在静态文件夹中构建文件夹的屏幕截图
下面是页面加载内容的屏幕截图。
1条答案
按热度按时间r7s23pms1#
所以我认为这与我以前的构建版本有关,我使用create-next-app命令
npx create-next-app@latest --typescript
从next.js开始了一个新的构建版本,它工作得很好。