Javascript 无法将Jimp导入Angular 6进行图像处理

我想使用angular 6来调整base64源中的图像大小，然后再将其上载到服务器。我尝试这样导入它：

import * as Jimp from 'jimp';

import {Jimp} from 'jimp/index';

由于只加载了浏览器代码，因此导致缺少资源。然后我尝试自己加载jimp代码，如下所示：

import * as Jimp from 'jimp';

import {Jimp} from 'jimp/index';

这导致了很多错误

Errors while compiling. Reload prevented.
    errors @ client?c480:161
onmessage @ socket.js:41
EventTarget.dispatchEvent @ sockjs.js:170
(anonymous) @ sockjs.js:883
SockJS._transportMessage @ sockjs.js:881
EventEmitter.emit @ sockjs.js:86
WebSocketTransport.ws.onmessage @ sockjs.js:2957
wrapFn @ zone.js:1188
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:421
push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:188
push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask @ zone.js:496
invokeTask @ zone.js:1540
globalZoneAwareCallback @ zone.js:1566
client?c480:167 ./node_modules/aws4/aws4.js
Module not found: Error: Can't resolve 'crypto' in 'C:\Users\myProject\node_modules\aws4'
errors @ client?c480:167
onmessage @ socket.js:41
EventTarget.dispatchEvent @ sockjs.js:170
(anonymous) @ sockjs.js:883
SockJS._transportMessage @ sockjs.js:881
EventEmitter.emit @ sockjs.js:86
WebSocketTransport.ws.onmessage @ sockjs.js:2957
wrapFn @ zone.js:1188
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:421
push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:188
push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask @ zone.js:496
invokeTask @ zone.js:1540
globalZoneAwareCallback @ zone.js:1566
client?c480:167 ./node_modules/ecc-jsbn/index.js
Module not found: Error: Can't resolve 'crypto' in 'C:\Users\myProject\node_modules\ecc-jsbn'
errors @ client?c480:167
onmessage @ socket.js:41
EventTarget.dispatchEvent @ sockjs.js:170
(anonymous) @ sockjs.js:883
SockJS._transportMessage @ sockjs.js:881
EventEmitter.emit @ sockjs.js:86
WebSocketTransport.ws.onmessage @ sockjs.js:2957
wrapFn @ zone.js:1188
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:421
push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:188
push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask @ zone.js:496
invokeTask @ zone.js:1540
globalZoneAwareCallback @ zone.js:1566
client?c480:167 ./node_modules/oauth-sign/index.js
Module not found: Error: Can't resolve 'crypto' in 'C:\Users\myProject\node_modules\oauth-sign'
...

我也会使用另一个库，但我只找到了纯JS图像处理的jimp

---

发布了一个解决方案，但它对我不起作用。

我想你不会加载它，因为它是一个用于

NodeJS

的库，所以它是用于“后端”的。。你不能在前端用那种方式做

如果你想在你的角度前端。。我想你必须试着在

画布上工作

也许你可以试试这个套餐：

`https://www.npmjs.com/package/re`size-base64

---

我知道它最初是为node制作的，但它有一个浏览器绑定，使用Webpack和Typescript。项目本身有实现的示例。您是否尝试过使用declare-let-require:any，然后让Jimp=require（../lib/Jimp.min.js）？据我所知，require在TypeScript中不可用？我认为导入的必要性正如我在问题中所写的那样？你在Angular+Jimp方面运气好吗？