将 JavaScript 库导入 NativeScript

Question

我正在学习 NativeScript。我有一个基本的应用程序在工作。我现在正在尝试导入我过去使用过的 JavaScript 库。我正在使用以下方法导入库：

npm install git://github.com/my-company/my-project.git --save

我已确认正在安装软件包。然后在我的视图模型中添加以下内容：

var MyLibrary = require('MyLibrary');

仅该行就会导致应用程序崩溃。基本上，NativeScript 似乎无法找到它（或加载它）。我看了一下，在"node_modules"目录下可以看到"MyLibrary"目录。目录结构如下所示：

.
node_modules
  MyLibrary
    dist
      MyLibrary.min.js
    src
      MyLibrary.js
    package.json

MyLibrary.js 文件如下所示：

class MyLibrary {
    process(vals) {        
        let result = 0;
        if (vals) {
            vals.forEach(function(val) {
                result = result + val;
            });
        }
        return result;
    }
}
module.exports = MyLibrary;

"MyLibrary.min.js"文件是运行通过Babel转成ES5的结果。我究竟做错了什么？我只是想将以下代码添加到我的视图模型中：

var MyLibrary = require('MyLibrary');
var library = new MyLibrary();
var result = library.process([1, 2, 3, 4]);

Answer 1

在您的 package.json 中，添加一个属性，如下所示：

{
  "main": "./dist/MyLibrary.min.js"
}

在您的代码中，像这样使用您的模块：

var MyLibraryModule = require('MyLibrary');
var library = new MyLibraryModule.MyLibrary();
var result = library.process([1, 2, 3, 4]);

将 JavaScript 库导入 NativeScript

Importing JavaScript Library into NativeScript

javascript

node.js

nativescript