未捕获的 SyntaxError：标识符已被声明

Question

我想做一个模态cookie，在页面加载时，模态检查是否有cookie，然后如果没有“名称”cookie，模态将显示。否则，模态将不会显示。但是，我有这个错误：

未捕获的 SyntaxError：标识符“addCookie”已被声明。

由于这个错误，我的 cookie 没有保存。

我了解当有人试图覆盖 let 时会发生此错误。但是，我没有尝试覆盖它，我只是尝试调用它

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>

<div id="modalWelcome" class="modal fade" data-backdrop="false">
  <div class="form-group">
    <input type="text" class="form-control" placeholder="your name" id="fname">
  </div>
  <button type="submit" class="btn btn-primary" onclick="addCookie()">go!</button>
</div>

if ($.cookie('name') == undefined) {
  $("#modalWelcome").modal('show');
} else {
  $('#modalWelcome').modal('hide');
}

var cookiename;
let addCookie = () => {
  cookiename = $('#fname').val();
  $.cookie("name", cookiename);
}

Answer 1

1. 将onclick="addCookie()"更改为onclick="addCookie"，因为您需要设置处理程序，而不是执行。
2. 检查脚本的包含方式，因为您可以包含两次。