解决dts-gen使用H5 HTML API导出定义文件的错误

最新推荐文章于 2024-08-13 08:02:22 发布

FoxMale007

最新推荐文章于 2024-08-13 08:02:22 发布

阅读量361

点赞数

分类专栏： JavaScript应用代码文章标签： html javascript 前端 nodejs dts-gen

本文链接：https://blog.csdn.net/applebomb/article/details/120953061

版权

JavaScript应用代码专栏收录该内容

16 篇文章 0 订阅

订阅专栏

"博主在将Javascript代码转换为Typescript过程中遇到dts-gen工具生成定义文件时出现错误，如navigator、window、document等未定义。解决方法是在文件头部添加代码模拟这些浏览器对象，如var window=window||{}

摘要由CSDN通过智能技术生成

最近将部分Javascript迁移到Typescript，正遇到一些模块要生成定义文件。于是使用比较推荐的dts-gen，生成的过程遇到不少错误，例如：

ReferenceError: navigator is not defined
ReferenceError: window is not defined
ReferenceError: document is not defined
ReferenceError: FormData is not defined

难道还是得手写？我只是要生成个导出定义，不知道这工具要瞎分析个啥。仔细看一下，大致的问题，就是这些东东都是浏览器层面的东西，NODEJS不认识。于是乎，临时在头部需要加上一些代码，用来“蒙骗”工具去生成接口，例如头部添加了这些定义

var window = window || {}; // 解决不识别window
var document = document || {scripts: []}; // 解决不识别document和document.scripts
var navigator = navigator || {userAgent: '', vendor: ''}; //解决不识别navigator的userAgent和vendor
global.FormData = class FormData {}; // 解决不识别FormData数据类型

这样就好使了，本次遇到的只是给lrz图片压缩工具生成定义，其他生成定义的情况也差不多这样解决就好