无法使用伪造查看器编译反应应用程序 - 无法编译 - Autodesk 未定义 un-def

Gre*_*gor 1 autodesk-forge

我们想将我们的一些伪造查看器代码库移到 react-app 中,并且无法弄清楚如何在不附加所有 Autodesk.Viewer 的情况下使用 viewer3d js api。我们研究过的所有(优秀且广泛的)git 样本。为什么?我们在 index.html 和 react 登陆之间加载 viewer3d.js 文件:

<body>
  <script src="https://developer.api.autodesk.com/derivativeservice/v2/viewers/viewer3D.js?v=6.0" />
  <div id="root" />
Run Code Online (Sandbox Code Playgroud)

我们得到的错误(对于 Autodesk 命名空间的每个使用实例):

Failed to compile

./src/components/Viewer.js
  Line **:  'Autodesk' is not defined  no-undef
Run Code Online (Sandbox Code Playgroud)

这有效:

this.viewer = new window.Autodesk.Viewing.Private.GuiViewer3D(this.viewerContainer)
Run Code Online (Sandbox Code Playgroud)

这不起作用:

this.viewer = new Autodesk.Viewing.Private.GuiViewer3D(this.viewerContainer)
Run Code Online (Sandbox Code Playgroud)

Bry*_*ang 5

如本用户指南中所述,您需要从 window 显式读取任何全局变量。把它放在文件的顶部,它会起作用:

const Autodesk = window.Autodesk;
Run Code Online (Sandbox Code Playgroud)

并且建议将您的脚本标签拉到您的应用程序入口 html 的标题部分,以确保它在 React 发出之前被加载:

<!DOCTYPE html>
<html lang="en">
  <head>
  ...
  <script src="https://developer.api.autodesk.com/derivativeservice/v2/viewers/viewer3D.js?v=6.0" />
  </head>
...
Run Code Online (Sandbox Code Playgroud)