javascript - 转译为 es5 时 Jquery 不起作用

Question

typescript 代码:

import * as $ from "jquery";
import {Canvas} from "./canvas";

$(() => {
    let canvas = new Canvas(600, 600);
    canvas.init();
});

我使用 browserify 并将 typescript 导入编译为

var _jquery = require("jquery");
var $ = _interopRequireWildcard(_jquery);

$(function () {
    var canvas = new _canvas.Canvas(600, 600);
    canvas.init();
});

并抛出此错误:

Uncaught TypeError: $ is not a function

当我在控制台中将 $ 替换为 _jQuery 时一切正常，我如何删除 _interopRequireWildcard() 调用？

Answer 1

尝试导入 jQuery 的默认导出，如下所示:

import $ from "jquery";

这应该可以解决您的问题。