时间戳

首页 > 解决方案 > 如何解决解析错误：Unexpected token using vuejs（由加减代码重新显示为stackoverflow中的参考）

jquery - 如何解决解析错误：Unexpected token using vuejs（由加减代码重新显示为stackoverflow中的参考）

问题描述

我正在尝试使用 VueJS 为我的应用程序创建多个加减按钮。我已使用来自此链接的 halfpastfour.am 示例代码 jQuery multiple plus/minus Counter作为我项目的示例代码。

$('.counter-btn').click(function(e) {
  e.preventDefault();
  var $btn = $(this);
  $('#output-' + $btn.data('index')).html(function(i, val) {
    val = val * 1 + $btn.data('inc');
    return (val <= 0 ? '' : '+') + val;
  });
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

上面是说明存在解析错误的代码部分：unexpected token under the$('.counter-btn')

显示如下：

模块错误（来自 ./node_modules/eslint-loader/index.js）：
错误：解析错误：意外令牌

我试图通过参考这篇文章 ESLint Parsing error: Unexpected token来解决。但是我在我的项目中找不到任何 .eslintrc 文件。除此之外，如果您能解释为什么这些解析错误往往会经常出现，我将不胜感激。再次感谢。

标签： jqueryparsingvue.jsnode-moduleseslint

解决方案

推荐阅读