如何在NativeScript中使用核心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()。[编辑]这确实应该起作用，因为它反映了Narendra Mongiya在您的问题中所链接的问题文件中给出的解决方案。要记住的一件事是它是一个Promise，所以让我们在其中添加一个代码catch()块以显示任何错误。const fancyAlert = require("nativescript-fancyalert");// ...fancyAlert.TNSFancyAlert.showSuccess(&nbsp; &nbsp; "Success!",&nbsp; &nbsp; "You are logged in.",&nbsp; &nbsp; "Success!").then((resolution) => {&nbsp; &nbsp; console.log("[TNSFancyAlert] showSuccess() succeeded.", resolution);&nbsp; &nbsp;&nbsp;}).catch((error) => {&nbsp; &nbsp; console.error("[TNSFancyAlert] showSuccess() failed.", error);});您可能还会发现，您只是在错误的代码位置调用它。