webentwicklung-frage-antwort-db.com.de

Webpack Installation von Bootstrap - fehlende popper.js.map

Ich folgte den Anweisungen in https://getbootstrap.com/docs/4.0/getting-started/webpack/ und installierte außerdem jquery und popper.js mit npm.

Wenn ich jedoch die Ausgabe bundle.js verwende, sendet der Browser weiterhin GET-Anforderungen für popper.js.map, und ich brauche alle Assets, um Teil der bundle.js zu sein.

Ich habe viel nach der richtigen Antwort gesucht, aber es gibt keine, die erklärt, was mit den oben genannten Anweisungen falsch ist. Bitte helfen Sie.

3
yoni.str

Ganz am Ende der Datei popper.js gibt es einen Kommentar wie folgt:

//# sourceMappingURL=popper.js.map

Durch das Entfernen wurde das Problem für mich behoben.

20
Hoodlum

Wir können Quellkarten für Popper.js mit SourceMapDevToolPlugin in Webpack 3 ausschließen.

const webpack = require('webpack')

module.exports = {
  // other configs
  plugins: [
    // other plugin configs
    new webpack.SourceMapDevToolPlugin({
      exclude: ['popper.js']
    })
  ]
}

Dies ist der beste Weg, um dieses Problem vorerst anzugehen, insbesondere wenn Popper.js als Abhängigkeit mit npm --save popper.js installiert ist. Dies ermöglicht das Aktualisieren des Abhängigkeitspakets, ohne die Quelldateien für Popper.js zu ändern. 

3
HarlemSquirrel

Das Entfernen des Kommentars wie oben vorgeschlagen hat für mich nicht funktioniert, wenn Sie also den Code popper.min.js.map erhalten möchten ...

Auf der popper github-Seite haben sie den Link für die tatsächliche popper js-Datei: https://unpkg.com/popper.js/dist/umd/popper.min.js

Wenn Sie dies in https://unpkg.com/popper.js/dist/umd/popper.min.js.map ändern, haben Sie das, was Sie brauchen!

0
Paul

CSS-Maps sind nur Dateien, die von den Browser-Entwicklerwerkzeugen verwendet werden, um Entwicklern zu helfen, herauszufinden, wo sich etwas im Code befindet.

Sie müssen sich keine Sorgen machen, alles funktioniert für den Benutzer normal.

0
Klooven

Fügen Sie der Datei den folgenden Code hinzu: import { Popper } from 'popper.js' window.Popper = Popper

Statt //# sourceMappingURL=popper.js.map zu kommentieren (weil wir diese node_modules/... -Datei nicht in unserem Repository haben möchten)

0
desloovere_j

Um die Warnung auszublenden, fügen Sie einfach .sourceMaps() zu Ihren js-Dateien in webpack.mix.js Hinzu:

mix.js('resources/js/app.js', 'public/js').sourceMaps();

Zumindest funktioniert es für Laravel 5 und 6.

0
KFoobar