jQuery 3.2.1，自动数字插件(最新)‘未捕获SyntaxError:意外令牌导出’

Question

我正在尝试让autoNumeric jQuery插件支持美元输入格式，但在最新版本的Chrome on Linux中，该文件在第5450行引发了'Uncaught :意外的令牌输出‘。

我以jQuery命名，如下所示：

  <!-- jQuery 3.2.1 from CDN -->
  <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
  <!-- autoNumeric for USD formatting -->
  <script src="js/autoNumeric.js" type=text/javascript></script>

所以我猜这一定是文件中的错误？它声明插件与网站上的jQuery 1.7.2或更高版本兼容，所以我不确定问题出在哪里。以前有没有人遇到过这样的事情？

Answer 1

它失败是因为您正在尝试使用未编译的AutoNumeric版本，该版本是用ES6编写的一个模块，而浏览器本身仍然不支持它(它们都不理解import/export语句)。

因此，为了在浏览器中使用AutoNumeric (即，https://github.com/autoNumeric/autoNumeric/tree/next#in-the-browser)，则需要导入在dist/文件夹中找到的编译版本(即dist/autoNumeric.min.js)，或者直接使用CDN。

注1:为了能够使用最新的web技术，AutoNumeric使用巴别塔+ webpack将模块编译成一个单独的“在网页上放置它就可以工作”文件。

注意2: AutoNumeric已经放弃了几个月的jQuery依赖了，试试吧！;)

Answer 2

正如漫游者帮助我认识到的，这是因为我试图在浏览器中使用npm .js文件，而不是预期的文件。哇哦！我最终选择了Igor Escobar的jquery.mask插件，因为它实际上支持移动设备。