NPM enthält serverseitige Bibliotheken. Um clientseitige Bibliotheken wie bootstrap oder jquery einzubeziehen, sollten Sie stattdessen Bower verwenden.
Ich habe das in einer expressjs App gemacht:
Erstellen Sie eine .bowerrc-Datei und schreiben Sie die folgenden Zeilen:
{ "Verzeichnis": "öffentlich / Komponenten" }
Lade Bootstrap und Jquery mit Bower herunter:
bower install bootstrap
Definieren Sie dann Ihren öffentlichen Ordner als statisch in Ihrer app.js-Datei:
app.use (express.static (__ Verzeichnisname + '/ public'));
Fügen Sie abschließend das Skript-Tag in Ihrer Ansicht hinzu (ich benutze Jade hier):
script (src = 'komponenten / jquery / dist / jquery.min.js') Skript (src = 'Komponenten / bootstrap / dist / js / bootstrap.min.js')
Ich hatte dieses Problem, und das lag daran, dass ich "Bootstrap" in meine Vendor-Webpack 2-Konfiguration eingefügt hatte, aber folgendes verwendete:
%Vor%Der Browser konnte das bootstrap-loader-Paket nicht richtig finden.
Sie sollten nicht require it. Jquery ist eine clientseitige Bibliothek, während Node.js ein Backend-Server ist.
Wenn Sie Jquery mit Ihrer Node.js-App verwenden möchten, fügen Sie sie einfach zu Ihren HTML-Dateien hinzu:
%Vor%Tags und Links jquery node.js twitter-bootstrap