Użyj Angular 2 with Electron (Angular CLI)

Question

Wygenerowałem nowy projekt Angular 2 przy użyciu nowego Angular CLI. Teraz nie chcę używać Angulara w przeglądarce, ale w aplikacji elektronowej. Dlatego stworzyłem plik dla głównego procesu elektronu i po zbudowaniu mojej aplikacji Angular z ng build w terminalu, aplikacja nie działała zgodnie z oczekiwaniami.

pliku do głównego procesu elektronu:

var electron = require("electron"); 
var {app, BrowserWindow} = electron; 

app.on('ready',() => { 
    var mainWindow = new BrowserWindow(); 
    mainWindow.loadURL(`file://${__dirname}/dist/index.html`); 
}); 

Błąd w DevTools:

file:///vendor/es6-shim/es6-shim.js Failed to load resource: net::ERR_FILE_NOT_FOUND 
file:///vendor/reflect-metadata/Reflect.js Failed to load resource: net::ERR_FILE_NOT_FOUND 
file:///vendor/systemjs/dist/system.src.js Failed to load resource: net::ERR_FILE_NOT_FOUND 
file:///vendor/zone.js/dist/zone.js Failed to load resource: net::ERR_FILE_NOT_FOUND 
index.html:22 Uncaught ReferenceError: System is not defined 

wiem też, że w zasadzie potrzebny jest serwer WWW, aby uruchomić kątowa 2 wnioski i myślę, że moja aplikacja działa nie działa, ponieważ Electron ładuje aplikację za pomocą protokołu file://.

Ale naprawdę chcę używać Electron w połączeniu z Angular 2; więc moje pytanie brzmi, czy jest to możliwe, a jeśli tak, to w jaki sposób muszę zmodyfikować wygenerowany szablon kątowy z narzędzia cli.

Answer 1

Można również zmienić

<base href="/"> 

do

<base href="./"> 

Answer 2

pobierz plik angular.js z CDN i umieść go w folderze aplikacji. Następnie w pliku html używać

<script type="text/javascript" src="angular.js"></script> 

przeciwieństwie do elektronu przeglądarki nie będą mieli problemu podnoszenia angularjs z systemu plików.

Answer 3

Po przeczytaniu czegoś o Kątowymi 2 Router wczoraj, zorientowałem się, że problem jest spowodowany przez tę linię w index.html

<base href="/"> 

zastępując je dynamicznie Podstawowy zestaw wszystko działa zgodnie z oczekiwaniami.

<script>document.write('<base href="' + document.location + '" />');</script>