system.js 加载脚本时如何要求('electron')
How to require('electron') when script is loaded by system.js
我正在尝试在电子应用程序中使用 Aurelia 和 SystemJs;
我有一个相当基本的app-window.js
:
const remote = require('electron').remote;
document.getElementById("close-btn").addEventListener("click", function (e) {
var window = remote.getCurrentWindow();
window.close();
});
...
如果我像正常使用它一样使用它 html 脚本 (<script src="app-window.js"></script>
) 它工作得很好。
但是,如果我有 systemJS
导入它:
<script>
System.import('app-window.js');
</script>
我收到错误:
system.js:4 GET
file:///D:/Code/aurelia-electron-typescript/output/electron.js
net::ERR_FILE_NOT_FOUND
我也在配置中设置了 transpiler: false
。
不幸的是,我想吃蛋糕并吃掉它,因为我想将 Aurelia 的依赖注入与电子的远程处理功能混合在一起。
有没有办法让 system.js 不干扰电子的 require
?
经过快速实验...如果脚本显式加载系统,它会神奇地工作:
打字稿:
export class AppWindow
{
constructor()
{
var remote = require('electron').remote;
document.getElementById("close-btn").addEventListener("click", function (e) {
var window: Electron.BrowserWindow = remote.getCurrentWindow();
window.close();
});
}
}
var appWindow:AppWindow = new AppWindow()
编译为 [es6,系统] 时:
System.register([], function(exports_1, context_1) {
"use strict";
var __moduleName = context_1 && context_1.id;
var AppWindow, appWindow;
return {
setters:[],
execute: function() {
class AppWindow {
constructor() {
var remote = require('electron').remote;
...
...工作得很好。
我正在尝试在电子应用程序中使用 Aurelia 和 SystemJs;
我有一个相当基本的app-window.js
:
const remote = require('electron').remote;
document.getElementById("close-btn").addEventListener("click", function (e) {
var window = remote.getCurrentWindow();
window.close();
});
...
如果我像正常使用它一样使用它 html 脚本 (<script src="app-window.js"></script>
) 它工作得很好。
但是,如果我有 systemJS
导入它:
<script>
System.import('app-window.js');
</script>
我收到错误:
system.js:4 GET file:///D:/Code/aurelia-electron-typescript/output/electron.js net::ERR_FILE_NOT_FOUND
我也在配置中设置了 transpiler: false
。
不幸的是,我想吃蛋糕并吃掉它,因为我想将 Aurelia 的依赖注入与电子的远程处理功能混合在一起。
有没有办法让 system.js 不干扰电子的 require
?
经过快速实验...如果脚本显式加载系统,它会神奇地工作:
打字稿:
export class AppWindow
{
constructor()
{
var remote = require('electron').remote;
document.getElementById("close-btn").addEventListener("click", function (e) {
var window: Electron.BrowserWindow = remote.getCurrentWindow();
window.close();
});
}
}
var appWindow:AppWindow = new AppWindow()
编译为 [es6,系统] 时:
System.register([], function(exports_1, context_1) {
"use strict";
var __moduleName = context_1 && context_1.id;
var AppWindow, appWindow;
return {
setters:[],
execute: function() {
class AppWindow {
constructor() {
var remote = require('electron').remote;
...
...工作得很好。