TS怎么调用JS封装的各种库？

[zhangzhengbo (goodboy3)]

mark

[Cloud_lys]

为什么我使用 creator.d.ts 然后2.0.5编译完成后 打开文件 发现 我的js文件并没有被编译进去 导致 虽然我declare 但是没有js文件去实现他。。。 这个怎么解决呢？

[zhaohaibin (hipin)]

mark

[xigk (福益)]

写xxx.d.ts吧

[309838089 (大章鱼)]

如果你按照我的方式去做的话，应该不会有问题的，你可以上传一个简单的Demo供大家来帮忙看一下

[Cloud_lys]

@309838089

拿到项目中，并且把库小改一下，

我后来没尝试了= = 因为我本来的问题是 android 与 h5之间的交互 ，现在再看我当时失败的原因，应该是我对window.xxx不太理解

[813601376 (太上开天执符御历含真体道金阙云宫九穹御历万道无为大道明殿昊天金阙至尊玉皇赦罪大天尊率穹高上帝)]

import * as name from “name.js”

[309838089 (大章鱼)]

感觉你走错帖子了

[wang_xb9294 (Geeksin2015)]

你的第一种方法是把js库里边的方法都设置成全局的方法，那你就用d.ts就没有用了啊，你可以再任何脚本里边调用，你把d.ts文件注释掉试试，应该是这样的。

[309838089 (大章鱼)]

这个d.ts文件只是为了让vscode编辑器不标红而已啊！完全是为了代码好看，不要d.ts文件程序本来就可以正常运行的

[499393815 (倾月手哇)]

ts也是菜，居然还要写d.ts文件才能代码提示，如果这样搞说不得js也行，感觉ts强类型真是说说的

[309838089 (大章鱼)]

那是因为这些代码都是js的，如果这些代码本身就是用ts写的那就不需要d.ts文件了啊，d.ts文件只是为了兼容着让以前的js代码可以让编辑器提示

[3179044109 (wudilongx01)]

求助大佬： 我怎么 把一个 js的 脚本 应用到 ts中啊 ，我在论坛上查 需要写 .d.ts文件
我写了 .d.ts文件 还是用不了

使用的代码如下：
let hd = this.testNode0.getComponent(ShaderHelper);

    console.log(hd);

运行时报错ShaderHelper no define

[309838089 (大章鱼)]

@309838089

做一个ts调用js库的总结，避免以后有谁再像我一样的迷茫摸索，ts调用js代码的方法有两个：

1.推荐使用的方法：网上有很多JS的公用库可以把这些库拿到项目中，并且把库小改一下，改成全局变量如：window.xxx = xxx，然后创建一个对应的xxx.d.ts声明文件，使用declare class xxx{}，并且在这里xxx里面定义对应的方法或变量声明即可如（这只是我举的例子，实际变量与方法和跟实际的xxx来声明）：declare class xxx{

//初始化
constructor(value:number);

toNumber():number;

toString(radix:number):string;

isZero():boolean;

value:number;

}

这样就可以在其它脚本里面这样用了：let aa = new xxx(156);aa.toNumber();

楼上网友提供的这个网址虽然不能直接用，但是可以拿来参与一下：https://github.com/DefinitelyTyped/DefinitelyTyped24还有cocos creator的creator.d.ts文件里面的声明方式也可以学习参考。

2.如果不想用.d.ts声明也可以直接按楼上的方法这样用：let MD5 = require(’…/lib/md5’);

然后在md5.js的末尾加上：module.exports = {hex_md5 : hex_md5,};

你的库根据需要导出你需要的函数就可以了。

又比如int64.js库，在末尾加上：module.exports=Int64;导出Int64这个模块。使用的地方也是一样的：let Int64 = require(’./Int64’);虽然vs code编译器把let Int64 = require(’./Int64’);这段代码给标红了，而且没有代码提示，但也是可以正常使用

再补一个方法3：
js：module.exports = Paho;//这一行写在要用的JS脚本里面，Paho是要导出的类或方法或其它什么对象
ts：import Paho = require(’./libs/netbase.js’);//这一行写在要调用JS的TS脚本里面，（./libs/netbase.js）是Paho的脚本路径
这个方法更好，既不会标红，也可以正确使用

[644350860 (a454315405)]

mark

[jet0duqiqi (老中医i)]

mark

[1764316165 (是澄澄啊)]

mark

[1878522696 (叶子)]

ts项目中使用js库的坑？（这个坑我迈不过去了）

背景：原本的js项目，js库直接当插件脚本使用就行，后来转入ts项目，原本的js库不能够当做插件脚本来使用了，参考https://forum.cocos.org/t/ts-js/62224这个帖子（我用的是第3种），可以再浏览器里正常使用插件方法。 遇到问题：游戏做成web端，构建玩预览时报错，他会把所有的脚本文件打包压缩到project.js脚本中；包括使用的js库，想法是能否让js库普通脚本像…

demo:ts_js.zip (243.8 KB)