Laravel Elixir: Erzeuge ein Objekt einer JavaScript-Klasse, die in einer anderen Javascript-Datei definiert ist

Question

Ich benutze Laravel 5.3 und vuejs. Ich habe eine JavaScript-Klasse namens 'Form' innerhalb einer js-Datei mit dem Namen form.js definiert und möchte ein Objekt dieser Klasse in der app.js-Datei erstellen. Ich habe beide Js-Dateien in Webpack hinzugefügt und ich habe auch die 'form.js' Datei in der app.js benötigt. Aber ich erhalte den folgenden Fehler:

Uncaught ReferenceError: Form is not defined ... 

Hier ist mein app.js Code:

require('./bootstrap'); 
require('./form.js'); 

formElm = document.getElementById('form'); 

new Vue({ 
    el: "#form", 
    data: { 
     form: new Form(formElm) 
    }, 
    methods: { 
     .... 
    } 
}); 

Und hier ist mein form.js Code:

class Form { 
    constructor(formElm) { 
     ... 
    } 
    ... 
} 

Und das ist, wie ich habe die js-dateien in gulpfile.js hinzugefügt:

Fehle ich etwas?

Answer 1

Ich denke, Sie müssen es exportieren, um es zu verwenden. In Ihrer Form-Klasse: module.exports=Form oder wenn Sie die es6 Import Syntax export default Form

in Ihrer App js var Form = require('./form.js') sollte es