Uncaught ReferenceError: класс es6 не определен в шаблоне лезвия laravel - PullRequest
Новая
       8

Uncaught ReferenceError: класс es6 не определен в шаблоне лезвия laravel

0 голосов
/ 25 марта 2019

У меня проблема с включением классов es6 javascript в мои шаблоны лезвий laravel.Я получаю сообщение об ошибке Uncaught ReferenceError: OptionsCalculations не определена

У меня есть основной класс OptionsCalculations, расположенный в файле «OptionsCalculations.js», следующим образом: 

'use strict';

export class OptionsCalculations {

    constructor(premium, strikePrice, expiry){
        this.setPremium(premium);
        this.setStrikePrice(strikePrice);
        this.setExpiry(expiry);
    }

    get premium(){
        this._premium;
    }

    set premium(premium){
        this._premium = premium;
    }

    get strikePrice(){
        this._strikePrice;
    }

    set strikePrice(strikePrice){
        this._strikePrice = strikePrice;
    }

    get expiry(){
        this._expiry;
    }

    set expiry(expiry){
        this._expiry = expiry;
    }

    get closeOutPremium(){
        this._closeOutPremium;
    }

    set closeOutPremium(closeOutPremium){
        this._closeOutPremium = closeOutPremium;
    }

    get breakEven(){
        this._breakEven;
    }

    set breakEven(breakEven){
        this._breakEven = breakEven;
    }
}

Расширяется класс CallOptionsCalculationsOptionsCalculations, который находится в файле "CallOptionsCalculations.js" 

'use strict';


export class CallOptionsCalculations extends OptionsCalculations {
    constructor(premium, strikePrice, expiry){
        super(premium, strikePrice, expiry);
    }
}

мои файлы javascript определены в webpack.mix.js

.js ('resources / js / class /OptionsCalculations.js ',' public / js / class ') .js (' resources / js / class / CallOptionsCalculations.js ',' public / js / class ')

в моем app.js 

require ('./class/CallOptionsCalculations');
require ('./class/OptionsCalculations');

import {OptionsCalculations} from './class/OptionsCalculations';
import {CallOptionsCalculations} from './class/CallOptionsCalculations';

в моем шаблоне блейда у меня есть следующий javascript: 

$(document).ready(function(){


var callRollForm = document.getElementById('call-roll-form');
var putRollForm = document.getElementById('put-roll-form');

    callRollForm.addEventListener('blur', function( event ) {

        let callOptionsCalculations = new CallOptionsCalculations(
            callRollForm.newCallPremium.value,
            callRollForm.newCallStrikePrice.value,
            callRollForm.newCallExpiration.value
        );

    }, true);

    putRollForm.addEventListener('blur', function( event ) {
        console.log('put roll form');

    }, true);
});

В случае события onblur это когда создается экземпляр класса и когда я получаю сообщение об ошибке.

...