Webpack Installieren Bootstrap - fehlende popper.js.anzeigen

Folgte ich den Anweisungen in https://getbootstrap.com/docs/4.0/getting-started/webpack/ und ich auch installiert werden, und jquery popper.js mit npm.

Immer noch, wenn ich den Ausgang bundle.js der browser sendet weiterhin Anfragen BEKOMMEN für popper.js.Karte und ich muss alle Vermögenswerte, die Teil des bundle.js.

Ich suchte eine Menge für die richtige Antwort, aber keine, die erklärt, was ist Los mit den Anweisungen oben erwähnt, vorhanden ist.
Bitte helfen Sie.

InformationsquelleAutor yoni.str | 2017-11-29

  1. 25

    Ganz am Ende des popper.js die Datei gibt es eine Bemerkung wie diese:

    //# sourceMappingURL=popper.js.map

    Entfernen Sie es behoben das Problem für mich.

    Beste Antwort, ich schulde Ihnen viele Bier. Alle JS Affen sind overcomplicating Dinge. Eine echte Sprache oder Paket magere würde NIE werfen Warnung von diesem Typ. Mapping ist eine dev-Element und 99% der Leute brauchen, die Bibliothek und das mapping ist einfach aufblasen. Mit einem Paket-Manager, ist lächerlich, wenn alles, was Sie brauchen, ist eine einfache UI-framework von ein paar Dateien. Ich in der Regel Stimmen mit Mozilla, aber Ihre Erklärung zu diesem Thema ist kurzsichtig, voreingenommen, und amateur.
    Und indem Sie es @Hoodlum bedeutet, dass die ganze Zeile.
    Ja, zu diesem. Danke
    Dieser bug wurde spezifisch für Safari für mich, also habe ich nur noch die Datei in das js-dir um den Fehler zu entfernen. unpkg.com/[email protected]/dist/umd/popper.min.js.map Es scheint, dass Safari war versuchen zu laden, den link dort von node_modules, was es natürlich nicht.

    InformationsquelleAutor Hoodlum

  2. 4

    Können wir ausschließen source-Karten für Popper.js mit SourceMapDevToolPlugin im Webpack 3.

    const webpack = require('webpack')

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

    Dies ist die beste Möglichkeit, die ich sehe um diese für jetzt, vor allem, wenn Popper.js installiert als Abhängigkeit mit npm --save popper.js. Dies ermöglicht die Aktualisierung der Abhängigkeit-Paket ohne änderung der Quell-Dateien Popper.js.

    Funktioniert perfekt, ohne es manuell Bearbeiten, oder erstellen Sie einige quick fix.

    InformationsquelleAutor HarlemSquirrel

  3. 1

    Entfernen der Kommentar-wie oben angedeutet nicht für mich arbeiten, also, wenn Sie wirklich wollen, um die popper.min.js.map code...

    Auf dem popper github-Seite Sie haben den link für die eigentliche popper js-Datei:
    https://unpkg.com/popper.js/dist/umd/popper.min.js

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

    InformationsquelleAutor Paul

  4. 0

    CSS maps sind einfach nur Dateien, die der browser developer tools verwenden, um Entwicklern zu helfen, herauszufinden, wo etwas ist in dem code.

    Gibt es keinen Grund zur Sorge, alles funktioniert wie normal für die Benutzer.

    Ich verstehe, dass alles normal funktioniert, aber ich will nicht zum laden von meinem server mit denen wiederholt ungenutzt ERHALTEN popper.js.Karte Anfragen. Gibt es eine Möglichkeit, zumindest stornieren diese Anfragen?
    Sie sollten überprüfen, ob Sie etwas finden, wie //# sourceMappingURL=/path/to/file.js.map in der bundle-Datei, und entfernen Sie die Zeilen. Auch Sie sollten in der Lage sein zu deaktivieren, die Aufnahme dieser/diese Zeilen in der build-Prozess bei der Erstellung der Dateien selbst.
    Gefunden dieser. Es kann Ihnen helfen, deaktivieren Sie die source-Karten.
    Ich werde es versuchen, Thnx!

    InformationsquelleAutor Klooven

  5. 0

    Fügen Sie den folgenden code in der Datei:

    import { Popper } from 'popper.js'
    window.Popper = Popper

    Statt einkommentieren //# sourceMappingURL=popper.js.map (weil wir nicht möchten, dass diese node_modules/... - Datei in unser repository)

    InformationsquelleAutor desloovere_j

Schreibe einen Kommentar