打字稿 | jquery无法导入

Question

我是 TypeScript 的新手，我需要你们的帮助。 我正在尝试使用 typescript 构建一个执行 api 调用的模块 我后来添加到我的主要项目中。所以我先做 使用 ajax 获取请求。但我得到了这个：

(node:1588) UnhandledPromiseRejectionWarning: TypeError: $.ajax is not a function

这是我的打字稿文件：

import * as $ from 'jquery'

class RedditJuice {

    afterbeforeStorage:Array<string>;
    totalPage:number
    currentPage:number


    constructor() {
        this.afterbeforeStorage = []
        this.totalPage = 0
        this.currentPage = 0


    }
    fetchRedditFeed = async (afterTag:string, beforeTag:string) => {
        return new Promise<JSON>((resolve, reject) => {
            console.log("yey")
            if(afterTag == null || undefined || "" && beforeTag == null || undefined || ""){
                var url:string = "https://reddit.com/.json"
            }
            else if(beforeTag != null|| undefined || ""){
                var url:string = "https://reddit.com/.json?after=" + afterTag
            }
            else {
                var url:string = "https://reddit.com/.json?after=" + afterTag + "?before=" + beforeTag
            }
            $.ajax({
                url: url,
                type: "GET",
                success: function(getData){
                    console.log(getData.data)
                    resolve(getData.data) 
                },
                error: function(err){
                    reject(err)
                }
            })
        })
    }


    fetchPostComments = async (permalink:string) => {
        return new Promise<JSON>((resolve, reject) => {
            var comment_fetch_url = "https://reddit.com" + permalink + '.json?limit=10'
            $.ajax({
                type: "GET",
                url: comment_fetch_url,
                success: function(data) {
                    resolve(data[1].data)
                },
                error: function(err){
                    reject(err)
                }  
            })
        })
    }
}

const rApi = new RedditJuice() 

console.log(rApi.fetchRedditFeed("", ""))

在文件的底部，我尝试使用该类，但随后出现上述错误... 是的，我正在运行由 tsc 编译的 .js 文件。 我还用 npm (@types/jquery) 安装了 jQuery

感谢您的支持^____^

Answer 1

您是在浏览器中还是在 nodejs vm 中作为测试或直接执行此操作？ jquery 使用浏览器环境提供的 XMLHttpRequest 来实现它的 ajax 功能，当它不可用时它就无法工作。