引用錯誤：使用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選項。