我正在使用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启动时,输出为
终端:
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 Dev工具控制台:
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');
如何正确地加载节点-java库?
systemjs不知道如何加载那些节点 - java依赖关系,您需要告诉它在 systemjs.config.js
文件中找到它们,例如:
map: {
...
'java': 'npm:java/lib/nodeJavaBridge.js',
'lodash': 'npm:lodash/lodash.js',
'async': 'npm:...',
'path': 'npm:...',
'fs': 'npm:...',
},