在 TypeScript 中找不到名称 jsPdf

2024-04-23

我的任务是使用 JavaScript 将数据打印到 pdf 文件中。所以我选择 jsPdf 来完成我的任务并且也成功了。我的任务是将打印任务转换为 TypeScript 。我面临一个新问题Can't find name jsPdf in TypeScript我不知道这里的原因,因为在我的 JavaScript 中成功运行的代码在使用 TypeScript 运行时无法做到这一点。我花了两天时间寻找解决方案,但失败了。参考了很多网站,但没有找到任何解决方案。有人可以帮我解决这个问题吗?

索引.html ,

<script src="common/jspdf.min.js"></script>
<script src="common/jspdf.plugin.autotable.js"></script>

我的 Js 文件,

 this.print=function(){
   {
var columns = [" Data","StepData","CateData","CritiData","CheckyData"];
               
      
                var rows = [];
                for (var i = 0 ; i<Data.length; i++) 
                {
                	
                    rows.push([
                        
                        Data[i],
                        StepData[i],
                        CateData[i],
                        CritiData[i],
                        CheckyData[i]
                        
                    ]);
                };
                
                var pdfsize='b2';
               var doc = new jsPDF('p', 'pt',pdfsize);
     
                doc.autoTable(columns, rows, {
                	theme: 'grid', // 'striped', 'grid' or 'plain'
                	headerStyles: {
                        fillColor: [12, 234, 227],
                        textColor: [12, 1, 1]
                    },
                	styles: {
                	      overflow: 'linebreak',
                	      columnWidth: 400
                	    },
                	    beforePageContent: function(data) {
                	    	
                	        doc.text("Process Name :"+mainData.name+"  ||   "+"Description :"+mainData.description, 40, 30);
                	        
                	    },
                    columnStyles: {
                      1: {columnWidth: 60}
                    }
                  });

                  doc.save(mainData.name+".pdf");
            }
        };

目前一切都很好,但是当我将其与打字稿代码 ,

 printData=(): any =>{
        {
          
                let rows:any = [];
                for (let i:any = 0 ; i<this.Data.length; i++) 
                {
                	
                    rows.push([
                        
                        this.Data[i],
                        this.StepData[i],
                        this.CateData[i],
                        this.CritiData[i],
                        this.FrequData[i]
                        
                    ]);
                };
                
                
                let pdfsize:any='b2';
                let doc :any= new jspdf('p', 'pt',pdfsize);  //this line is having that error
                 
          
                doc.autoTable(columns, rows, {
                	theme: 'grid',
                	headerStyles: {
                        fillColor: [12, 234, 227],
                        textColor: [12, 1, 1]
                   },
                	styles: {
                	      overflow: 'linebreak',
                	      columnWidth: 400
                	    },
                	    beforePageContent: function(data) {
							
                	        doc.text("Process Name :"+procName+"  ||   "+"Description :"+procDescription, 40, 30);
                	        
                	    },
                    columnStyles: {
                      1: {columnWidth: 60}
                    }
                  });

                  doc.save(this.mainData.name+".pdf");
         }   
        };

new jsPdf () 被 javaScript 接受,但是 TypeScript 说的是找不到名字 jsPdf .


评论建议:尝试插入declare var jsPDF;在打字稿文件的顶部(在 printdata 函数之上)。阅读更多:http://blogs.microsoft.co.il/gilf/2013/07/22/quick-tip-typescript-declare-keyword/ http://blogs.microsoft.co.il/gilf/2013/07/22/quick-tip-typescript-declare-keyword/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 TypeScript 中找不到名称 jsPdf 的相关文章

随机推荐

  • 即使没有消费者,消费者群体仍陷入“再平衡”

    我正在使用kafka版本2 4 1 最近从2 2 0升级到2 4 1 并注意到一个奇怪的问题 即使应用程序 kafka Streams 已关闭 没有正在运行的应用程序 但消费者组命令返回状态为重新平衡 我们的应用程序作为 kubernete
  • 猫头鹰旋转木马键盘导航

    我正在寻找向 Owl Carousel 插件添加键盘导航 原始 jQuery 插件的 Github 有一个关于此主题的线程here https github com OwlFonk OwlCarousel issues 65 所以我尝试了以
  • Sphinx 文档中人类可读的迭代

    Sphinx autodoc 扁平化字典 列表和元组 使得长的几乎难以阅读 漂亮的打印格式也并不总是需要的 因为一些嵌套容器最好保持扁平化而不是列化 有没有办法显示可迭代对象as typed在源代码中 直接从源获取它 并添加一个 rst其命
  • 在事件处理程序中获取表单元素

    我想添加一个onSubmit事件所有的HTML Forms验证提交文件大小并阻止其提交javascript 问题是我没有id of the form 也没有那些file input element 现在 我怎样才能获得所需的值input 可
  • Prolog 同构图

    这里尝试解决同构图问题 作业信息 判断2个无向图是否同构 没有孤立的顶点 顶点数小于30 图的边作为谓词给出 即 e 1 2 f 1 2 我正在尝试使用以下方法 对于每对边 即图 1 和图 2 中的每条边 Try to bind the v
  • PHP 标头重定向 301 - 有何影响?

    I have example com 如果用户登录 它应该自动加载example com option X其中 X 是用户的预定义选择 所以 我在顶部这样做index php header Location option X 但是 如果用户
  • 将字符串转换为带时区的日期

    我有日期字符串2017 01 03T10 45 00 000 02 00我需要将其转移到类似的东西2017 01 03 10 45 00 0200 let formatter DateFormatter formatter dateForm
  • 查找 AAR 依赖项

    我正在使用编译成 AAR 文件的第 3 方 SDK 我想使用此 AAR 为 Xamarin 创建绑定库 如何找到此 AAR 使用的依赖项 如果我使用 Java 反编译器 我可以看到许多类都有针对第 3 方 SDK 的导入语句 因此我 有时
  • ruby on Rails 3.1 将 .swf 移动到资产管道?

    是否可以将 SWF 文件移动到资源管道中 如果可以 如何做到这一点 我建议将它们放在一个名为的文件夹中app assets flash 将此文件夹添加到您的资源路径中 config assets paths lt lt Rails root
  • 贪心聚类算法速度提升

    我正在尝试在 python 中实现一个非常简单的贪婪聚类算法 但很难优化它的速度 该算法将采用距离矩阵 找到具有最多小于预定距离截止值的分量的列 并将行索引 具有小于截止值的分量 存储为簇的成员 簇的质心是列索引 然后 从距离矩阵中删除每个
  • 将 StarUML 图转换为 Visio 绘图

    我有一个使用 Star Uml 创建的类图 但现在的要求是将其移植到 MS Visio 是否可以将 uml 移植到具有可用 xml 信息的 vsd 提前致谢 导出为 Windows 图元文件 WMF 和增强型 Windows 图元文件 EM
  • 使用 VB.NET 循环遍历 XML 文件

    我在处理 XMl 文件时遇到问题 我想循环 使用 VB NET 该文件并提取 OrderID 元素的所有值
  • 在 Corda 中,哪些数据会发送到非验证公证服务?

    这个问题经常出现在对话中 当 Corda 交易被发送到非验证公证服务进行最终确定时 公证服务可以看到并推断出关于世界的什么 在将交易发送给非验证公证人之前 会按如下方式进行过滤 stx buildFilteredTransaction Pr
  • 如何组合两个表达式: result = exp1(exp2);

    作为主题 在这种情况下如何将两个表达式组合成一个表达式 Expression
  • 双向绑定无法解析 java.lang.String 属性的 setter

    我正在研究 Android Studio 2 1 AFIK 中引入的数据绑定 API 的双向绑定 我收到这个有趣的错误 错误 任务 app compileDebugJavaWithJavac 执行失败 gt java lang Runtim
  • tkinter 和 pygame 不想在一个窗口中工作[重复]

    这个问题在这里已经有答案了 我想创建一个应用程序 并希望使用 tkinter 作为 GUI 并使用 Pyglet 和 Pygame 等游戏库之一 我没有找到任何有关将 pyglet 嵌入 tkinter 的信息 但找到了一些使用 tkint
  • 如何避免权限被拒绝 (publickey) SSH 密钥 (Windows)

    我想通过 SSH 连接我的 ec2 但我收到这个错误 WARNING UNPROTECTED PRIVATE KEY FILE Permissions for F Config first1 pem are too open It is r
  • Visual Studio 2010 QuickWatch 窗口不可见

    当我在 VS2010 中突出显示一个变量并右键单击以选择 QuickWatch 时 QuickWatch 窗口不会出现 VS 的行为就像模态窗口打开一样 让我无法执行任何操作 直到我点击 取消 一位同事建议我转到 窗口 菜单并选择 重置 W
  • SqlException - 未找到网络路径

    我正在运行我的代码并收到此错误 但是这是什么意思 找不到网络路径说明 未处理的异常 发生在当前 Web 请求执行期间 请 查看堆栈跟踪以获取有关错误及其位置的更多信息 它起源于代码 异常详细信息 System ComponentModel
  • 在 TypeScript 中找不到名称 jsPdf

    我的任务是使用 JavaScript 将数据打印到 pdf 文件中 所以我选择 jsPdf 来完成我的任务并且也成功了 我的任务是将打印任务转换为 TypeScript 我面临一个新问题Can t find name jsPdf in Ty