Wie vueisotope Plugin mit Vue Webpack Vorlage verwenden (derzeit einen Fehler bekommen)

Question

Vue - Mauerwerk/Mauerwerk Abhängigkeit nicht

gefunden bin ich ziemlich neu in Vue und und webpack und lief in ein Problem zu verwenden versuchen, Isotope in meinem Projekt, das mit this template gebaut wurde. Nach der Installation und Isotope von vueisotope in eine Komponente importieren bekam ich folgende Fehlermeldung:

This dependency was not found: * masonry/masonry in ./node_modules/isotope-layout/js/layout-modes/masonry.js

Dies ist ein Problem, dass eine Reihe von Mauer Benutzer angetroffen haben (siehe can't resolve masonry/masonry) und es gibt eine empfohlene Lösung für sie auf Metafizzy-Website (der Autor von Isotop). Der empfohlene Fix beinhaltet das Vornehmen von Änderungen an webpack.config.js und das Ausführen von webpack, aber da diese Vorlage keine webpack.config.js-Datei enthält und durch Ausführen von npm erstellt wurde, habe ich versucht, die Zeile zu /config/index.js hinzuzufügen und auszuführen Npm Run Dev, ohne Erfolg.

Answer 1

Antwort von einem Mitarbeiter auf die Vue Webpack-Vorlage. Ich musste die zu erstellenden Aliase hinzufügen/webpack.base.conf.js:

module.exports = { 
    .. 
    resolve: { 
    .. 
    alias: { 
     .. 
     'masonry': 'masonry-layout', 
     'isotope': 'isotope-layout' 
    } 
    } 
};