0
Angular 2 Electronプロジェクトをng buildまたはngで実行すると、すべてのルータが100％機能し、すべて機能します。 私が電子パッケージャやビルダーでアプリケーションをパッケージ化しようとしたとき、私はルートがもはや機能しなくなった。 Index.htmlを読み込んでホームコンポーネントにすぐに移動するのではなく、インデックスにとどまります。私のscssスタイルシートは動作していません。すぐにロードされます。Angular 2 Electron Appをパッケージ化すると、経路が機能しなくなる
index.htmlを
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>App</title>
<script>
document.write('<base href="' + document.location + '" />');
</script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<script>window.$ = window.jQuery = require('./public/jquery/dist/jquery.min.js');</script>
<script src="./public/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="./public/bootstrap/dist/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="./public/bootstrap/dist/css/bootstrap-theme.min.css">
</head>
<body>
//The App-root loads from the routes and loads up my home component
<app-root>
Loading...
</app-root>
</body>
</html>
main.js
const electron = require('electron');
const app = electron.app;
const BrowserWindow = electron.BrowserWindow;
let mainWindow;
function createWindow() {
mainWindow = new BrowserWindow({
width: 1024, height: 768,
title:"App"
});
mainWindow.setFullScreen(true);
mainWindow.loadURL(`file://${__dirname}/index.html`);
mainWindow.webContents.openDevTools();
mainWindow.on('closed', function() {
mainWindow = null;
})
}
app.on('ready', createWindow);
app.on('window-all-closed', function() {
if (process.platform !== 'darwin') {
app.quit();
}
})
app.on('activate', function() {
if (mainWindow === null) {
createWindow();
}
})