web-dev-qa-db-fra.com

Webpack Installation de Bootstrap - popper.js.map manquant

J'ai suivi les instructions de https://getbootstrap.com/docs/4.0/getting-started/webpack/ et j'ai également installé jquery et popper.js avec npm.

Toujours lorsque j'utilise le fichier bundle.js en sortie, le navigateur n'envoie pas moins de demandes GET pour popper.js.map et j'ai besoin que tous les actifs fassent partie de bundle.js.

J'ai beaucoup cherché la bonne réponse, mais aucune explication de ce qui ne va pas avec les instructions mentionnées ci-dessus n'existe .. .. S'il vous plaît, aidez-nous.

bootstrap-4webpack-2popper.js
3
yoni.str

À la toute fin du fichier popper.js, il y a un commentaire comme celui-ci:

//# sourceMappingURL=popper.js.map

Le supprimer a corrigé le problème pour moi.

20
Hoodlum

Nous pouvons exclure les mappes sources de Popper.js à l’aide de SourceMapDevToolPlugin dans Webpack 3.

const webpack = require('webpack')

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

C’est la meilleure façon que j’aie pu résoudre pour le moment, en particulier lorsque Popper.js est installé en tant que dépendance avec npm --save popper.js. Cela permet de mettre à jour le paquet de dépendance sans modifier les fichiers source pour Popper.js. 

3
HarlemSquirrel

Supprimer le commentaire comme suggéré ci-dessus n'a pas fonctionné pour moi, donc, si vous voulez réellement obtenir le code popper.min.js.map ...

Sur la page popper github ils ont le lien pour le fichier popper js actuel: https://unpkg.com/popper.js/dist/umd/popper.min.js

Si vous changez cela en https://unpkg.com/popper.js/dist/umd/popper.min.js.map vous aurez ce dont vous avez besoin!

0
Paul

Les cartes CSS ne sont que des fichiers que les outils de développement de navigateur utilisent pour aider les développeurs à trouver où se trouve quelque chose dans le code.

Il n'y a pas besoin de s'inquiéter, tout fonctionne normalement pour l'utilisateur.

0
Klooven

Ajoutez le code suivant dans votre fichier: import { Popper } from 'popper.js' window.Popper = Popper

Au lieu de ne pas commenter //# sourceMappingURL=popper.js.map (car nous ne voulons pas de ce fichier node_modules/... dans notre référentiel)

0
desloovere_j