将Jimp导入Aurelia


Import Jimp into Aurelia

我已经在我的aurelia应用中通过jspm安装了Jimp，没有任何问题。在我的viewModel / class中，我导入了Jimp。当我运行gulp watch并检查浏览器控制台时，出现以下错误：

GET //localhost:9000/jspm_packages/npm/[email protected]/ 404 (Not Found)

我认为uitl是jimp的依赖项，但是为什么找不到呢？

我的config.js：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
    System.config({
      defaultJSExtensions: true,
      transpiler:"babel",
      babelOptions: {
       "optional": [
         "es7.decorators",
         "es7.classProperties"
        ]
      },
      paths: {
       "*":"dist/*",
       "github:*":"jspm_packages/github/*",
       "npm:*":"jspm_packages/npm/*"
      }, map {...
"github:jspm/[email protected]": {
     "util":"npm:[email protected]"
    },....
"npm:[email protected]": {
     "util":"npm:[email protected]"
    },...
 "npm:[email protected]": {
     "inherits":"npm:[email protected]",
     "process":"github:jspm/[email protected]"
    },...
}
相关讨论

试图用Typescript将'jimp'库包含到Auralia中是一场噩梦

首先尝试在aurelia.json中设置jimp库(使用aurelia cli)
就像Crabulki指出的那样，在" dependencies"标签中使用jimp浏览器库


{
"name":"jimp",
"path":"../node_modules/jimp/browser",
"main":"lib/jimp.js"
}

，然后键入内容以安装" jimp"(如果使用typescript)

在您的typescript代码" import * as'jimp from Jimp"中；

它会编译运行，但在对其进行测试时，浏览器会显示有关导入jimp.js库的错误：
因此，请尽可能采用以下解决方案：

在aurelia.json中，将" jimp.min.js"库包含在" prepend"中，如下所示：


"prepend": [
"another library to include when browser load1...",
"another library to include when browser load2...",
"node_modules/jimp/browser/lib/jimp.js",
]

在您的typescript代码中，不使用typescript导入定义
(因为aurealia必需的捆绑软件不适用于'jimp')


var url ="https://upload.wikimedia.org/wikipedia/commons/0/01/Bot-Test.jpg";

<zzu1>

快速解决方案是导入完整的最小化库：

1
import 'jimp/browser/lib/jimp.min';