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

我们想将我们的一些 forge 查看器代码库移动到一个 react-app 中,并且无法弄清楚如何使用 viewer js api 而不附加所有的 Autodesk.Viewer....在我们的带有窗口的组件中使用。* 这适用于我们研究过的所有 (优秀和广泛的) git 示例。为什么?我们在和 react 登陆之间的 index.html 中加载 viewer.js 文件:

<body>
  <script src="https://developer.api.autodesk.com/derivativeservice/v2/viewers/viewer3D.js?v=6.0" />
  <div id="root" />

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

Failed to compile
./src/components/Viewer.js
  Line **:  'Autodesk' is not defined  no-undef

这个作品:

this.viewer = new window.Autodesk.Viewing.Private.GuiViewer3D(this.viewerContainer)

这是行不通的:

this.viewer = new Autodesk.Viewing.Private.GuiViewer3D(this.viewerContainer)
5

user guide中所述,您需要从窗口中明确读取任何全局变量。将其放在文件的顶部,它将工作:

const Autodesk = window.Autodesk;

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

<!DOCTYPE html>
<html lang="en">
  <head>
  ...
  <script src="https://developer.api.autodesk.com/derivativeservice/v2/viewers/viewer3D.js?v=6.0" />
  </head>
...
0

我们通过在组件文件的第一行中放置一个全局来解决这个问题。基于this

/*global Autodesk*/

但是,我更喜欢这个,就在重要的后面。谢谢你,布莱恩。

const Autodesk = window.Autodesk;
0

我已经准备了一个autodesk-forge-viewer类型模块,您可以在编译期间使用它来验证类型。

它是这样使用的:

import Autodesk from 'autodesk-forge-viewer';
const autodesk: typeof Autodesk = (window as any).Autodesk;

对于类型 latest TypeScript 的某些限制,类型将为Autodesk,值将为autodesk,因此以下是创建 Viewer 实例的代码:

const viewer: Autodesk.Viewing.Private.GuiViewer3D = new autodesk.Viewing.Private.GuiViewer3D(viewerContainer);

请注意,autodesk-forge-viewer模块不包含 Viewer 实现,因此您仍然必须将 viewer3D.js 脚本添加到 index.html。

本站系公益性非盈利分享网址,本文来自用户投稿,不代表边看边学立场,如若转载,请注明出处

(310)
网页总自动关闭:自动关闭警报(alert auto close javascript)
上一篇
安全生产许可证样式:在生产构建中包括库许可证-angular
下一篇

相关推荐

  • Negation:NOT(~)vs NEGATION(!)

    关于Negation的问题,在negation c++中经常遇到,关于NOT(~)vs NEGATION(!)的编程代码示例如下。…

    2023-11-08 03:14:11
    0 43 71
  • Hua jun:设置Tableau操作过滤器以在同一选项卡中打开

    关于Hua jun的问题,在kien hua中经常遇到,我的仪表板筛选器操作 (5 + 仪表板页面) 有时会打开一个新的浏览器选项卡到目标筛选仪表板。我希望它保持在同一个选项卡上。我已经尝试了这个建议,但它对我不起作用:Set up Tableau Action filter to open in same tab-TAR Solutions有人有其他想法供我尝试吗?提前感谢!…

    2024-01-21 00:41:56
    0 20 58
  • tplogin无法打开网页:解决tplogin无法打开网页的问题

    tplogin无法打开网页的原因可能是由于网络问题、服务器问题或者代码问题造成的。为了解决这个问题,我们需要检查网络连接是否正常,检查服务器是否正常运行,并且检查tplogin的代码是否有问题。…

    2023-03-15 09:41:18
    0 30 69
  • js调用python:如何利用JS调用Python实现更高效的开发

    JS调用Python的方法有很多,下面介绍一种基于Node.js的方法:安装Node.js,并安装node-python模块:…

    2023-04-09 07:36:17
    0 56 27
  • js引入css:Welcome to my page!

    示例示例在 HTML 中引入 CSS 文件的方法有两种:使用 link 标签:…

    2023-03-21 04:26:48
    0 13 88
  • js根据class获取元素:元素This is a Title

    示例示例根据class获取元素,可以使用)方法。该方法接受一个字符串作为参数,表示要获取的class名称,返回一个包含所有匹配class名称的元素的对象。…

    2023-06-04 15:42:56
    0 40 95
  • java list 转json:使用Java List转换为JSON格式的实现方法

    Java List 转 JSON 可以使用 Gson 库,Gson 是 Google 推出的一个用来在 Java 对象和 JSON 数据之间进行映射的 Java 类库,可以将 Java 对象转换成 JSON 格式的数据。…

    2023-08-30 12:56:10
    0 90 45
  • python json字符串转数组:从JSON字符串到Python数组的转换

    Python json字符串转数组可以使用json模块的loads()方法,该方法可以将json格式的字符串转换为Python中的字典,然后再将字典转换为数组。下面是代码示例:…

    2023-02-27 02:54:44
    0 67 30

发表评论

登录 后才能评论

评论列表(74条)