本地运行代码不成功

qdu123 commented 3 months ago

一、我分别克隆了下面代码到本地：

二、先使用node 16的环境，在codesandbox-client根目录，执行：

yarn install
yarn build:deps
yarn build:sandpack

然后进入www目录执行:python -m http.server启动了8000端口的本地沙箱,访问地址：http://10.20.62.16:8000

三、切换至node 18环境，在tango目录下

修改apps\playground\.umirc.ts,注释了下面代码以避免https访问

// https: {
//   key: path.resolve(__dirname, 'local.netease.com-key.pem'),
//   cert: path.resolve(__dirname, 'local.netease.com.pem'),
//   http2: false,
// },

修改apps\playground\package.json文件
```
"dev": "cross-env PORT=8001 umi dev",
```

修改apps\playground\src\pages\index.tsx

<Sandbox
          onMessage={(e) => {
            if (e.type === 'done') {
              const sandboxWindow: any = sandboxQuery.window;
              if (sandboxWindow.localTangoComponentPrototypes) {
                workspace.setComponentPrototypes(sandboxWindow.localTangoComponentPrototypes);
              }
            }
          }}
          bundlerURL="http://10.20.62.16:8000"
          navigatorExtra={<Button size="small">hello world</Button>}
        />