javascript - 如何在 NativeScript 中使用 core JS 导入和使用模块

Question

问题:使用 Core 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()。

[编辑] 这确实应该有效，因为它是 issue filing 中给出的解决方案的镜像。由 Narendra Mongiya 在您的问题中链接。要记住的一件事是它是一个 Promise，所以让我们在其中添加一个 catch() block 以显示任何错误。

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);
});

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