如何在NativeScript中使用核心JS导入和使用模块

Question

问题：使用核心Javascript从NativeScript使用NPM模块

我是NativeScript的新手，正在尝试使用FancyAlert NPM模块：

https://github.com/NathanWalker/nativescript-fancyalert

在自述文件中，他们展示了一个使用TypeScript的非常简单的示例，如下所示：

import { TNSFancyAlert, TNSFancyAlertButton } from "nativescript-fancyalert";
.
.
.
public showSuccess() {
    TNSFancyAlert.showSuccess(
      "Success!",
      "Fancy alerts are nice.",
      "Yes they are!"
    );
  }

在他们的XML文件中，他们像正常一样简单地调用它：

 <Button text="Alert Success" tap="{{showSuccess}}" />

如何将其转换为核心JS

所以我不使用TypeScript。 我无法获得此简单的警报来工作。 我努力了：

在我的main-view-model.js中

const fancyAlert = require("nativescript-fancyalert");

.
.
.

fancyAlert.showSuccess(
                    "Success!",
                    "You are logged in.",
                    "Success!"
                  );

不工作。

谁能帮助我使用核心JS使用此模块？

谢谢。

Answer 1

试试： fancyAlert.TNSFancyAlert.showSuccess() 。

[编辑]这确实应该起作用，因为它反映了Narendra Mongiya在您的问题中所链接的问题文件中给出的解决方案。 要记住的一件事是它是一个Promise，所以让我们在其中添加catch()块以揭示任何错误。

const fancyAlert = require("nativescript-fancyalert");

// ...

fancyAlert.TNSFancyAlert.showSuccess(
    "Success!",
    "You are logged in.",
    "Success!"
)
.then((resolution) => {
    console.log("[TNSFancyAlert] showSuccess() succeeded.", resolution);    
})
.catch((error) => {
    console.error("[TNSFancyAlert] showSuccess() failed.", error);
});

您可能还会发现只是在错误的代码位置调用它。