如何将包括autoNumeric在内的错误修复到laravel /刀片/ jQuery / Bootstrap项目？

Question

我尝试从autoNumeric安装https://www.jqueryscript.net/demo/Easy-Numbers-Currency-Formatting-Plugin-autoNumeric/

在我的Laravel5.7/刀片/ jQuery v3.3.1 /Bootstrav4.1.2应用程序中，在我想使用autoNumeric的刀片表单中，我包含了ref to 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/src上传的zip文件。

当输入jquery时，我添加了一行：

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

我犯了错误：

Uncaught SyntaxError: Unexpected identifier

然后单击我看到的下一个错误代码：

https://imgur.com/a/mQ3henJ

这是错误的方式包括这个图书馆和哪个是有效的？

更新了2 : I尝试将声明修改为：

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});

其中的选项可以是null，也可以是其库中包含的任何选项。现在，如果您想要查看元素列表并为每个元素初始化一个AutoNumeric对象，您可以执行如下代码。

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

为了使其工作，您需要使用下面的版本。此外，不需要导入AutoNumericHelper或AutoNumericEnum，它才能正常工作。

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