Используйте пользовательскую функцию JavaScript с Laravel 5.6

Question

У меня проблемы с использованием пользовательской функции JavaScript в Laravel 5.6, и я не могу понять, что я делаю неправильно.

У меня есть пользовательский файл, созданный в / assets / js / с пометкой helpers.js со следующей функцией:

export const isBetween = function(n, a, b) {
    return (n - a) * (n - b) <= 0
};

Затем,в app.js я импортировал файл:

import { isBetween } from './helpers.js';

Если я сделаю console.log (isBetween (20, 1, 40) внутри app.js,это работает должным образом. Однако я не могу выполнить в своем шаблоне блейда, журнал консоли говорит, что он не определен. Например:

<script type="text/javascript">
    jQuery(document).ready(function($) {
        console.log(isBetween(20, 1, 40));
    });
</script>

Answer 1

Мы используем import в ES6 / ES5 для импорта определенных модулей.Но если вы хотите использовать его вне вашего app.js, вы должны сделать его глобальной переменной, например:

window.isBetween = isBetween; // add this in helpers.js

Answer 2

Если вы запускаете микс в терминале с npm run watch, но проблема все еще не устранена, проверьте еще раз, чтобы убедиться, что вы включили ресурсы микс в свой блэйд-шаблон:

<script src="{{ mix('js/app.js') }}"></script>

Кроме того, убедитесь, что этот тег <script> на выше любого из ваших других сценариев JS.