正在将JavaScript库导入NativeScript

Importing JavaScript Library into NativeScript

本文关键字:导入 NativeScript JavaScript      更新时间:2023-09-26

我正在学习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]);
  1. package.json中,添加如下属性:
{
  "main": "./dist/MyLibrary.min.js"
}
  1. 在您的代码中,使用您的模块如下:
var MyLibraryModule = require('MyLibrary');
var library = new MyLibraryModule.MyLibrary();
var result = library.process([1, 2, 3, 4]);