TS如何使用第三方库,如jquery

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/yingzizizizizizzz/article/details/83418172

参考博客:https://blog.csdn.net/crazy_rabit/article/details/77849746#commentBox

首先,安装jquery和@types/jquery

npm install --save jquery
npm install --save-dev @types/jquery

什么要安装@types/jquery呢?

       因为TS是强类型语言,引用弱类型语言js编写的第三方库时往往强类型语言无法直接编译弱类型语言,所以一般会引用的时候会报错。我在思否上提的问题https://segmentfault.com/q/1010000016764082


接着,在.ts文件中引入jquery

根据博主说的流程,在http://definitelytyped.org/  看到在TS2.0+以后的都是这样引入

/// <reference path="d:/exercise/TS/TODO/node_modules/@types/jquery/jquery.d.ts" />
/// <reference path="d:/exercise/TS/TODO/node_modules/@types/handlebars/index.d.ts" />

不会报上边的错了,

但是编译之后js会提示
todo.js:3 Uncaught ReferenceError: jQuery is not defined
    at todo.js:3
    
之后在html中引入了jquery后,解决了这个问题

<script src="node_modules/handlebars/dist/handlebars.js"></script>
    <script src="node_modules/jquery/dist/jquery.js"></script>

猜你喜欢

转载自blog.csdn.net/yingzizizizizizzz/article/details/83418172