So implementieren Sie JQuery und Bootstrap in der Electron app

Question

Ich packte meine Angular2-Electron-App ein, nachdem ich festgestellt hatte, dass sie bereit für die Produktion war und auf dem Weg in einen Fehler geriet. Die Fehler, die auftraten, waren, dass mein Bootstrap und JQuery nicht gefunden werden konnten. Momentan lade ich es in meine index.html über node_modules. Das hat gut funktioniert, bis ich es verpacken musste. Was ist der beste Weg, um JQuery und Bootstrap lokal zu laden, so dass meine Elektronen-App es finden kann? Der Fehler, den ich erhalte, ist Fehler kann Modul nicht finden Ich verstehe den Grund, warum, wenn Elektron Packs Dinge alles zu einer Datei verschoben wird, kann ich einfach nicht herausfinden, wo und wann Bootstrap und JQuery laden zu diesem entsprechenden Ort

index.html:

<script>window.$ = window.jQuery = require('../node_modules/jquery/dist/jquery.min.js');</script> 

<script src="../node_modules//bootstrap/dist/js/bootstrap.min.js"></script> 

<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css"> 

<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap-theme.min.css"> 

Answer 1

script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"

Diese Links helfen jquery, Ihr Projekt mit Bootstrap-Elementen zu synchronisieren d funktioniert nur mit Internetverbindung.

Answer 2

allein Erfordern ist nicht genug jquery zu laden, müssen Sie zusätzlich Ihre Datei in einem Tag verweisen:

<script>window.$ = window.jQuery = require('../node_modules/jquery/dist/jquery.min.js');</script> 
<script src="../node_modules/jquery/dist/jquery.min.js"></script> 

Sie auch sicher, dass alle Pfade korrekt sind (Sie ein Doppel haben machen sollte/in Ihre bootstrap.min.js Referenz)