引用错误：使用typescript时在引导程序切换中导入jQuery

Question

我正在使用打字稿AMD模块。

在我的app.ts中，我获得了以下导入：

import $ from 'jquery';
import 'popper.js';
import 'bootstrap';
//import 'bootstrap-toggle';

我的代码有jQuery，bootstrap和bootstrap-toggle函数。 如果我已注释掉引导程序切换库，如上面显示的上部代码，则我的应用程序运行正常，并且没有显示错误。

但是如果没有我的bootstrap-toggle库，我就无法使用我的这个库的功能。

如果我对此表示赞赏，则会收到以下错误消息：

ReferenceError：未定义jQuery（在bootstrap-toggle.js中）

我的bootstrap-toggle.js文件也在使用jQuery这个函数：

function ($) {
...
}(jQuery);

我想，问题是我只为我的app.js包含我的jQuery而不是我的bootstrap-toggle.js

但是如何在全球范围内定义导入呢？ 我不会以这种方式在我的bootstrap-toggle.js文件中导入jQuery，因为它是这里的工具，不是我写的。

提前致谢。

最好的祝福，

索尼

Answer 1

我找到了解决方案。 打字稿AMD模块使用require JS，因此它必须设置一个require js配置文件，如下所示：

requirejs.config({
    baseUrl: '',
    paths: { 
        app: 'app',
        jquery: 'jquery'
    },
    shim: {
        "bootstrap-toggle" : ["jquery"]
    }
});

如果jQuery应该可用于bootstrap切换，则需要在require配置中使用shim选项。