IT技术 - 在组件内使用全局定义的脚本 - 吾爱随笔录

我在里面使用全局脚本声明index.html

<!DOCTYPE html>
<html>
    <head>
    <script src='https://js.espago.com/espago-1.1.js' type='text/javascript'></script>
    ...
    </head>
<body>
    ...
</body>

现在我想在组件内部使用它。

import * as React from "react";
import * as $ from "jquery";

//how to import Espago?

export default class EspagoPayment extends React.Component<any, any> {
    componentDidMount() {
        $("#espago_form").submit(function(event){
             var espago = new Espago({public_key: 'xxx', custom: true, live: false, api_version: '3'});
             espago.create_token({
                    ...
             });
        });
    }

    render() {
        return (
                ...
        );
    }
}

Webpack 在构建时出错。

错误 TS2304：找不到名称“Espago”

如何Espago在组件内部可见？

也许还有其他方法可以链接到在线 js 资源？