如何在 typescript 模块化项目中使用 cropper.js？

Question

我正在使用 jspm 安装 npm:cropper

安装 cropper 并添加 "cropper": "npm:cropper@^2.0.1" 到 package.json 我可以在 \jspm_packages\npm 文件夹下找到它

但它没有加载到网络选项卡中。知道缺少什么吗？

P.S:- 我没有找到 cropper.js 的类型定义，所以我声明了像

这样的裁剪器

declare var cropper: any;
declare module "cropper" {
    export = cropper;
}

并将其导入为 import * as cropper from 'cropper'；这没有给出任何错误，但 cropper 加载仍然没有运气。

Answer 1

But its not loading in network tab. any idea what am missing

除非需要，否则不会加载。例如

var foo = require('cropper');
console.log(foo);

Answer 2

有两个步骤。第一步是安装 cropper，这是您将软件包添加到 package.json 时所做的。第二步是实际加载包 - 请参阅 https://github.com/systemjs/systemjs 如何执行此操作。

如果你想自己导入包，你不应该使用import ... from 'cropper'而是

var cropper = require('cropper');

否则 TypeScript 编译器将检查模块是否用 TypeScript 编写以及它是否位于 node_packages 文件夹下。