Мой файл myscript.js содержит определение функции:
function getValue(bttn_id){
var helpdat;
if(bttn_id === "BttnGenAvgAge")
helpdat = $("#party").val();
console.log(helpdat);
$.ajax({
type:'POST',
url :'/getvalue',
headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
data:{ 'bttn_id' : bttn_id, 'helpdat' : helpdat },
dataType: 'json',
success:function(data){
$("#AvgAge").empty();
if(data.bttn_id === "BttnGenAvgAge")
$("#AvgAge").append("<p class='green_message'>" + data.value + ' ani </p>');
else
$("#AvgAge").append("<p class='green_message'>" + data.bttn_id + " " + data.value + ' ani </p>');
}
});
}
Я хочу объединить его с существующим /public/js/app.js, используя Laravel Mix, потому что я хочу, чтобы был добавлен только один тег сценария и больше не было в блейд-файле.
Вот как смесь вызывается внутри webpack.mix.js:
mix.js('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css')
.sourceMaps();
Как я попробовал?
- Я переместил myscript.js в ресурсы / js /
- Я добавил require ('./ myscript') в resources / js / app.js после строки require ('./ bootstrap')
- Я запустил команду "npm run dev" и успешно скомпилировал
Теперь, когда я нажимаю кнопку, которая вызывает функцию, я получаю:
ReferenceError: getValue не определено
Почему?