无法根据教程生成iTwin.js Desktop Viewer

根据官方教程,Developing a Desktop Viewer - iTwin.js (itwinjs.org),无法创建iTwin.js生成iModel桌面浏览工具。

我已按照教程中的命令"npx create-react-app your-app-name --template @itwin/desktop-viewer --scripts-version @bentley/react-scripts"下载了代码,在https://developer.bentley.com中创建了一个app,把.env文件中的ITWIN_VIEWER_CLIENT_ID and ITWIN_VIEWER_REDIRECT_URI参数修改为app中的参数。

但是出现以下错误:

  1. 运行npm run build命令出现"文件名、目录名或卷标语法不正确。"错误,经过排查应该是执行build:backend命令(即tsc -p tsconfig.backend.json)时错误。
  2. 采用npx  tsc -p tsconfig.backend.json命令生成后端,采用npx react-scripts build生成前端后,运行npx react-scripts start命令运行前端,浏览器中输入localhost:3000地址,不显示任何内容。
  3. 无论是否运行前端,运行npm run electron lib/backend/main.js,显示electron程序,但是未能显示默认模型,且菜单中的File下的Open及Download、View下Getting Started等按钮中的内容均无法使用,只有close按钮可以关闭程序。控制台显示Trace | core-backend.IModelHost | IModelHost.startup /n Trace | electron-auth | Initialized service configuration {"configuration":{"authorizationEndpoint":"https://ims.bentley.com/connect/authorize","tokenEndpoint":"https://ims.bentley.com/connect/token","revocationEndpoint":"https://ims.bentley.com/connect/revocation","userInfoEndpoint":"https://ims.bentley.com/connect/userinfo","endSessionEndpoint":"https://ims.bentley.com/connect/endsession"}}
  4. 教程中未说明如何生成electron程序,请指导如何生成。
  5. 教程中说可以在.env.local中设置ITWIN_VIEWER_SNAPSHOT参数,使程序默认打开本地imodel snapshot,但是代码中无此文件。

请老师指导,谢谢!