Как исправить ошибку, включая autoNumeric, в проекте laravel / blade / jQuery / Bootstrap?

Question

Я пытаюсь установить autoNumeric из https://www.jqueryscript.net/demo/Easy-Numbers-Currency-Formatting-Plugin-autoNumeric/

В моем приложении laravel 5.7 / blade / jQuery v3.3.1 / Bootstrap v4.1.2 и для этого в форме блэйда, где я хочу использовать autoNumeric, которое я включилСсылка на файл AutoNumeric.js:

...
@endsection

@section('scripts')

    <link rel="stylesheet" href="{{ asset('/css/select2.min.css') }}" type="text/css">
    <link rel="stylesheet" href="{{ asset('/css/select2-bootstrap.min.css') }}" type="text/css">
    <script src="{{ asset('js/select2.full.min.js') }}"></script>

    <script src="{{ asset('js/AutoNumeric/AutoNumeric.js') }}"></script>

    <script src="{{ asset('js/formfile.js') }}{{  "?dt=".time()  }}"></script>
...

Я загрузил 8 файлов в / public / js / AutoNumeric из подкаталога / autoNumeric-master / src загруженного zip-файла

и при запуске jqueryЯ добавил строку:

$('#selling_range').autoNumeric('init');

и получил ошибку:

Uncaught SyntaxError: Unexpected identifier

и, щелкнув по ошибке, я вижу следующий код ошибки:

https://imgur.com/a/mQ3henJ

Это неправильный способ включения этой библиотеки и которая является действительной?

ОБНОВЛЕНО 2: Я пытался изменить объявления как:

new AutoNumeric( '#selling_range', null );

, но в любом случае яполучил ошибку:

AutoNumeric.js:49 Uncaught SyntaxError: Unexpected identifier

и в консоли ошибка указывала на строки:

//TODO Prevent having to enter relative path in the js files (ie. using `./AutoNumericHelper` instead of just `AutoNumericHelper`) (cf. http://moduscreate.com/es6-es2015-import-no-relative-path-webpack/)
import AutoNumericHelper from './AutoNumericHelper';
import AutoNumericEnum from './AutoNumericEnum';

, как на моем экране печати выше.Как это исправить?

Заранее спасибо!

Answer 1

Для инициализации объекта AutoNumeric необходимо использовать следующую структуру.

new AutoNumeric('#selling_range', {options});

Где параметры могут быть нулевыми или любыми из включенных в их библиотеку.Теперь, если вы хотите просмотреть список элементов и инициализировать объект AutoNumeric для каждого из них, вы можете сделать что-то вроде приведенного ниже кода.

$('.elements').each(function() {
    new AutoNumeric(this, {options});
});

Чтобы это работало, вам нужноиспользовать следующую версию.Кроме того, нет необходимости импортировать AutoNumericHelper или AutoNumericEnum, чтобы он работал.

<script src="https://cdn.jsdelivr.net/npm/autonumeric@4.1.0"></script>