Next.js项目中的react-unity-webgl不工作

amrnrhlw  于 2023-02-12  发布在  React
关注(0)|答案(1)|浏览(131)

我试图让这段代码在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>
  );
}

这是在静态文件夹中构建文件夹的屏幕截图

下面是页面加载内容的屏幕截图。

r7s23pms

r7s23pms1#

所以我认为这与我以前的构建版本有关,我使用create-next-app命令npx create-next-app@latest --typescript从next.js开始了一个新的构建版本,它工作得很好。

相关问题