在ES6模块中使用typescript支持扩展全局对象，如`Autodesk.Viewing.Extension`
在ES6模块中使用typescript支持扩展全局对象，如`Autodesk.Viewing.Extension`
提问于 2021-02-02 23:34:37
我已经开发了一个forge扩展，现在我想在this blog post之后添加对typescript的支持。但是，我不能从全局的Autodesk.Viewing.Extension，Autodesk.Viewing.ToolInterface命名空间中扩展原型，因为typescript找不到对象Cannot find name 'Autodesk' (在转换时不存在)。目前，我的变通方法是通过调用创建扩展类的工厂函数来注入参数Autodesk (参见代码示例)，因为我无法从ES6模块内部访问全局Autodesk变量。此解决方法会自然删除所有类型。
如何在自定义扩展中完全支持typescript？
我的解决方法
function(Autodesk: any) { // injects Autodesk by passing the global accessible Autodesk object...
return class MyExtension extends Autodesk.Viewing.Extension {
...
};
}我想要实现的目标(支持typescript )：
class MyAwesomeExtension extends Autodesk.Viewing.Extension {
constructor(viewer, options) {
super(viewer, options);
}
load() {
console.log('MyAwesomeExtensions has been loaded');
viewer.setEnvMapBackground(null); // Hide background environment if there is one
viewer.setBackgroundColor(0, 64, 128); // Set background color
return true;
}
unload() {
console.log('MyAwesomeExtensions has been unloaded');
return true;
}
}
Autodesk.Viewing.theExtensionManager.registerExtension('MyAwesomeExtension', MyAwesomeExtension);回答 1
Stack Overflow用户
回答已采纳
发布于 2021-02-04 17:10:28
所以我的问题是我不知道如何从ES6模块访问全局库。但是，您可以使用globalThis从ES6模块内部访问全局变量。这使您可以像往常一样使用类型。
MyExtension.ts
const Autodesk = globalThis.Autodesk;
const THREE = globalThis.THREE;
export class MyExtension extends Autodesk.Viewing.Extension {
//...
}如果将typescript配置为允许umd访问，则前两行(例如const THREE = globalThis.THREE)不是必需的：
{
"compilerOptions": {
"allowUmdGlobalAccess": true, /* Allow accessing UMD globals from modules. */
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/66012789
复制相关文章
相似问题
腾讯云开发者
