我们想将我们的一些伪造查看器代码库移到 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)
如本用户指南中所述,您需要从 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)
| 归档时间: |
|
| 查看次数: |
886 次 |
| 最近记录: |