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

Question

我正在使用jspm install npm：cropper

安装cropper并添加＆＃34; cropper＆＃34;：＆＃34; npm：cropper@^2.0.1" to package.json aslo我可以在\ jspm_packages \ npm文件夹

下找到它

但它没有加载到网络标签中。知道缺少什么吗？

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

这样的裁剪器

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

并将其作为import *导入为＆＃39; cropper＆＃39;;这没有给出任何错误，但仍然没有运气装载器的运气。

Answer 1

  

但它没有加载到网络标签中。任何想法缺少什么

除非需要，否则不会加载。 E.g。

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文件夹下。