如何在angular 2 tapp中加载node-java库？

Question

我正在使用https://github.com/angular/quickstart

npm install
npm install java --save
node node_modules/java/postInstall.js
npm install @types/java --save-dev

package.json

"dependencies": {
    ...
    "java": "^0.8.0",
    ...
},
"devDependencies": {
    ...
    "@types/java": "^0.7.31",
    ...
},

这就是我在systemjs.config.js中添加库的方式

map: {
  ...
  'java': 'npm:java/lib/nodeJavaBridge.js'
},

当我运行npm start时，输出是

终端：

304 GET /java/lib/nodeJavaBridge.js
304 GET /java/build/jvm_dll_path.json

404 GET /lodash
404 GET /async
404 GET /path
404 GET /fs

Chrome开发工具控制台：

http://localhost:3000/lodash Failed to load resource: the server responded with a status of 404 (Not Found)

ZoneAwareError__zone_symbol__error: Error: (SystemJS) XHR error (404 Not Found) loading http://localhost:3000/lodash
    Error: XHR error (404 Not Found) loading http://localhost:3000/lodash
        ...
    Error loading http://localhost:3000/lodash as "lodash" from http://localhost:3000/node_modules/java/lib/nodeJavaBridge.js
        ...

http://localhost:3000/async Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:3000/path Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:3000/fs Failed to load resource: the server responded with a status of 404 (Not Found)

测试我可以加载node-java并运行java代码的代码类似于：

import { Component, OnInit} from '@angular/core';
import * as java from 'java';

@Component({
  selector: 'my-app',
  template: `<h1>Hello {{name}}</h1>`,
})
export class AppComponent  implements OnInit { 
    name = 'Angular';

    ngOnInit() {
        var sys = java.import('java.lang.System');
        sys.out.printlnSync('Hello from java :)'); // outputs to terminal
        var list1 = java.newInstanceSync("java.util.ArrayList");
        console.log(list1.sizeSync()); // 0
        list1.addSync('item1');
        console.log(list1.sizeSync()); // 1
    }
}

但是由于缺少库，代码永远不会被调用。

node_modules/java/lib/nodeJavaBridge.js包含以下行：

var _ = require('lodash');
var async = require('async');
var path = require('path');
var fs = require('fs');

如何在angular 2快速入门应用程序中正确加载node-java库？

Answer 1

SystemJS不知道如何加载这些节点java依赖项，您需要告诉它在systemjs.config.js文件中的何处可以找到这些依赖项，例如：

map: {
  ...
  'java': 'npm:java/lib/nodeJavaBridge.js',
  'lodash': 'npm:lodash/lodash.js',
  'async': 'npm:...',
  'path': 'npm:...',
  'fs': 'npm:...',
},