如何从TypeScript项目调用没有@types的JavaScript库

最新推荐文章于 2024-09-01 08:15:05 发布
最新推荐文章于 2024-09-01 08:15:05 发布
阅读量796 收藏
点赞数
分类专栏： Threejs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013993254/article/details/113768567
版权

项目用需要用到碰撞检测，找到一个Threejs的物理引擎库 APE

但是它是JavaScript版本，没有提供@types ，而我的项目是TypeScript的，

在index.html 中 加入 <script type="text/javascript" src="/static/APE.Rigid.min.js"></script>

后在代码中调用APE 显示未定义。  这时 可以 加入 declare const APE: any;

这将告诉编译器变量APE存在,并且它的类型为any,因此您不应该使用它来获取异常.

参考文章：http://www.voidcn.com/article/p-kijngolw-byu.html

如何在 TypeScript 中引入外部类库？
iamxuqianqian的博客
04-19 4751
识别库的类型 目前大致分为三种类型的类库：全局类库、模块类库、UMD 类库。 全局类库 全局库是指能在全局命名空间下访问的（例如：不需要使用任何形式的 import）。 许多库都是简单的暴露出一个或多个全局变量。 在全局库的指南文档上经常会看到如何在 HTML 里用脚本标签引用库： <script src="http://a.great.cdn.for/someLib.js"></script> 目前，大多数流行的全局访问型库实际上都以 UMD 库的形式进行书写。在书写全局声明
typescript——配置文档、自动编译 及 搭配 vue 使用
肖的博客
05-30 2414
在要自动编译 ts 的目录，执行 tsc --init 生成 tsconfig.json 文件 配置输出目标目录 对于 VScode ，点击任务 > 运行任务 > tsc: 监视
npm 组件没有types_在react typescript项目中如何使用没有@type定义的npm包
weixin_39820588的博客
12-22 388
最近在用react重构我们的Angularjs项目，我使用的是create react-app 构建的 使用typescript的react项目其中遇到一个问题就是有的npm包比如: react-loadable 在npm上是没有@types/react-loadable的那么我们如何在符合TS语法的基础上引入这个包呢？首先正常npm install react-loadable --save 然...
npm 组件没有types_react(ts) 发布声明文件到 NPM 上的 @types
weixin_35976717的博客
12-31 506
上一篇文章，解决了react-page-layout的声明文件问题。详见文章(https://www.jianshu.com/p/2fa454ad4fe1)这个声明文件到最后很简单，只是declare和export，参数类型什么的都没有限制，乍一想很不严谨，但是毕竟这是个第三方的包，有自己不了解的地方，写的太详细限制的太严格然后出错了要改反而麻烦，还是包容一点更好。如果仅是在自己项目里写的话，当然...
Three.js + TypeScript 项目启动教程
最新发布
gitblog_00241的博客
09-01 354
Three.js + TypeScript 项目启动教程 three-typescript-starterThree.js + Typescript + Webpack Boilerplate项目地址:https://gitcode.com/gh_mirrors/th/three-typescript-starter 1. 项目的目录结构及介绍 three-typescript-starter/...
@types
aisiqi5873的博客
07-15 2867
PART1 typescript介绍 什么是ts？ TypeScript 是微软开发一款开源的编程语言，本质上是向 JavaScript 增加静态类型系统。它是 JavaScript 的超集，所有现有的 JavaScript 都可以不加改变就在其中使用。它是为大型软件开发而设计的，它最终编译产生 JavaScript，所以可以运行在浏览器、Node.js 等等的运行时环境。 ...
JavaScript & TypeScript总结
SS_SS_SSS_SSS的博客
06-25 876
JavaScript初学总结
使用 webpack 从0开始搭建的 vue3+sass+element-plus+typescript 项目
09-02
在本文中，我们将深入探讨如何使用Webpack从零开始搭建一个基于Vue3、Sass、Element-Plus和TypeScript的项目。Webpack是一个强大的模块打包工具，它能够处理JavaScript、CSS和其他资源，将它们打包成优化过的单一...
基于Vue和Vuex结合typescript的移动端项目模板Vant组件库
08-10
1. `src` 目录：包含项目的源代码，通常包括组件、页面、样式、API接口调用等。 - `components`：存放自定义组件。 - `views`：存放各个页面组件。 - `api`：封装的网络请求接口。 2. `store` 目录：Vuex的store...
JavaScript and TypeScript学习总结
weixin_52467087的博客
07-07 262
JavaScript and typescript学习总结
typescript-types:Wikimedia Universe的TypeScript定义
03-12
"typescript-types: Wikimedia Universe的TypeScript定义"是一个项目，它提供了针对Wikimedia Universe（维基媒体宇宙）的TypeScript类型定义，这些定义有助于在TypeScript环境中编写与维基媒体相关的应用或库时，...
使用ts 引入组件_Vue+ts常见的坑
weixin_28917223的博客
01-12 1万+
Vue+ts常见的坑 最近在使用Vue+ts进行项目开发，在开发过程中碰到了各种各样的问题，每次都是碰到一个解决一个，当时可能知道解决办法了，但是过一段时间，再次开发时又碰到同样的问题，还是需要去搜索，因此这里打算将一些常见的问题进行记录下来，这并不是一次而就的文章，而是一个不断积累的过程。一、ts无法识别.vue文件在从零开始手动搭建vue+ts的开发环境过程中，发现在.ts文件中引入.vue组...
【TypeScript】ts项目中引用第三方依赖包类型定义技巧
qq_2511276124的博客
03-01 1202
在日常开发ts项目中，有时候使用第三方依赖包时，经常会碰到类型定义的时候。 记录下我的类型定义技巧。
npm 组件没有types_npm package 发布指南（TypeScript）
weixin_39693662的博客
12-31 871
前段时间一直在开发 http://readrweb.com 过程中不可避免得造了一些轮子，为了方便供以后的项目使用，于是便以 npm 包的形式将其中两个独立了出来。分别是 better-redux-form 和 simple-epub-parser, 整个过程还算顺利，为了以后方便还是记录下来。typings目前 typings 可以有大致三种形式。第一种是之前的方式，通过 typings cli...
ts引用js文件
springleaf2的专栏
09-02 1万+
ts直接引用没有@types(ts声明文件)的js文件包，会报错（找不到目标模块）；原因就是因为没有声明文件的JS模块会隐式的获得any类型，不符合ts的类型检查。 解决方案： 1.(推荐)那就直接 const xx:any = require('package') 当js来写，弹警告就屏蔽警告； 2.或者自己写声明文件xxx.d.ts（仅限目标模块是自己写的情况，xxx必须和目标文件同名） 3.没有types不能import, 也就是js不能用import引入js模块; ...
typescript 如何使用js 库
热门推荐
feiyang094的专栏
04-01 2万+
前沿 typings另外一个用处就是，可以在ts库里面生成第三方js 库的ts文件。 本文的例子，在ionic2 里面引用base64的JS库。 一、安装typings 使用npm全局安装typings ：npm install -g typings 安装成功。 二，搜索资源，支持模糊搜索：typings search base64
ts：类型别名type以及和接口interface的区别
分享前端开发工程师的一些日常生活、前端知识点、职业发展、对一些问题的看法、感悟等等
08-12 2696
类型别名type 类型别名会给一个类型起个新名字。 类型别名有时和接口很像，但是可以作用于原始值，联合类型，元组以及其它任何你需要手写的类型。 type Name = string; type NameResolver = () => string; type NameOrResolver = Name | NameResolver; function getName(n: NameOrResolver): Name { if (typeof n === 'string') {
ts项目中引入js的 npm包
qq_36947174的博客
09-24 1万+
1 可以选择安装其npm包的typescript版本 npm install @types/包名 --save 一般都是这样命名 如果没有安装成功 那说明他没有ts版本， 就只能另想办法 2 如果是自己写的js库 可以单独编写.d.ts文件 3 如果是npm包的话 可以引入微软的自动生成工具dts-gen // 使用方法 // 首先安装下他的包 npm install...
从JavaScript到TypeScript：React项目转换全攻略
资源摘要信息:"TypeScript-React-Conversion-Guide是一份详细的指南，专门用于指导开发者如何将现有的JavaScript React项目转换为使用TypeScript进行开发的项目。本指南通过TicTacToe项目的实践案例，向读者展示了将...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值