Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/401.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 尝试使用jimp节点模块ionic v2项目时出错_Javascript_Angular_Typescript_Ionic2_Typescript Typings - Fatal编程技术网

Javascript 尝试使用jimp节点模块ionic v2项目时出错

Javascript 尝试使用jimp节点模块ionic v2项目时出错,javascript,angular,typescript,ionic2,typescript-typings,Javascript,Angular,Typescript,Ionic2,Typescript Typings,我试图将jimp节点模块导入到我的ionic 2应用程序中,但出现运行时错误。我已经为jimp安装了typings,并编译和运行了以下代码 这里是typescript,我只是在其中创建一个函数来测试Jimp import { Component } from '@angular/core'; import { NavController } from 'ionic-angular'; import { LogInPage } from '../log-in/log-in'; import { R

我试图将jimp节点模块导入到我的ionic 2应用程序中,但出现运行时错误。我已经为jimp安装了typings,并编译和运行了以下代码

这里是typescript,我只是在其中创建一个函数来测试Jimp

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { LogInPage } from '../log-in/log-in';
import { RegisterPage } from '../register/register';
import * as jimp from "jimp";

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {


  constructor(public navCtrl: NavController) {

  }

  displayLogin() {
    this.navCtrl.push(LogInPage);
  }

  displayRegister() {
    this.navCtrl.push(RegisterPage);
  }

  testJimp() {
    jimp.read("pic.png", function (err, pic) {
      if (err) throw err;
      pic.invert();
      pic.write("inverted.png");
    });
  }
}
下面是调用函数的html

<ion-header>
  <ion-navbar>
    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>
      myApp
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <h1>myApp</h1>
  <button ion-button (click)="testJimp()">testJimp</button>
</ion-content>

myApp
myApp
testJimp
当我单击testJimp按钮时,会出现以下运行时错误

Error: Uncaught (in promise): TypeError: undefined is not a function
TypeError: undefined is not a function
at module.exports (main.js:202298:5)
at getMIMEFromPath (main.js:172965:5)
at new Jimp (main.js:172900:9)
at main.js:172940:23
at new t (polyfills.js:3:11329)
at Function.Jimp.read (main.js:172932:19)
at HomePage.testJimp (main.js:79089:51)
at DebugAppView.View_HomePage0.handleEvent_25 (/AppModule/HomePage/component.ngfactory.js:310:34)
at DebugAppView.<anonymous>(main.js:126150:37)
at HTMLButtonElement.<anonymous> (main.js:55299:36)
at s (polyfills.js:3:4211)
at new t (polyfills.js:3:11355)
at Function.Jimp.read (main.js:172932:19)
at HomePage.testJimp (main.js:79089:51)
at DebugAppView.View_HomePage0.handleEvent_25 (component.ngfactory.js:310:34)
at DebugAppView.<anonymous> (main.js:126150:37)
at HTMLButtonElement.<anonymous> (main.js:55299:36)
at t.invokeTask (polyfills.js:3:9723)
at Object.inner.inner.fork.onInvokeTask (main.js:53370:37)
at t.invokeTask (polyfills.js:3:9697)
Error:Uncaught(承诺中):TypeError:undefined不是函数
TypeError:undefined不是函数
at module.exports(main.js:202298:5)
在getMIMEFromPath(main.js:172965:5)
在新Jimp(main.js:172900:9)
在main.js:172940:23
在新的t(polyfills.js:3:11329)
在Function.Jimp.read(main.js:172932:19)
在HomePage.testJimp(main.js:79089:51)
在DebugAppView.View_HomePage0.handleEvent_25(/AppModule/HomePage/component.ngfactory.js:310:34)
在DebugAppView上。(main.js:126150:37)
在HTMLButtoneElement。(main.js:55299:36)
在s(polyfills.js:3:4211)
在新t(polyfills.js:3:11355)
在Function.Jimp.read(main.js:172932:19)
在HomePage.testJimp(main.js:79089:51)
在DebugAppView.View_主页0.handleEvent_25(component.ngfactory.js:310:34)
在DebugAppView。(main.js:126150:37)
在HTMLButtoneElement。(main.js:55299:36)
在t.invokeTask(polyfills.js:3:9723)
位于Object.inner.inner.fork.onInvokeTask(main.js:53370:37)
在t.invokeTask(polyfills.js:3:9697)
我尝试调试应用程序,但在尝试执行Jimp.read时,它会崩溃。我也尝试过按照在线指南导入没有typscript定义的代码,但没有成功。我对javascript和typescript还不熟悉,不知道接下来该怎么办