解决javascript“无法正常工作”的问题

Question

这是一个非常基本的noob javascript故障排除问题，我无法从类似的网站找到答案

• https://www.tutorialspoint.com/javascript/javascript_error_handling.htm
• https://wordpress.org/support/article/using-your-browser-to-diagnose-javascript-errors/

因此，在我的.html文件末尾，我有一行

<script src="/js/myjs.js"></script>

如果我的这个javascript文件有任何语法错误或任何问题，则在加载.html文件时，浏览器会向控制台投诉，对吧？

这种情况是我的浏览器没有向控制台投诉此javascript文件，

• 其中定义的功能不起作用。
• 如果我将它们移至.html文件中，然后移至以下部分，则这些功能将再次起作用。

  <script type="text/javascript">
    var myOptions = [ 'Blue',
    'Orange',
    ];
 </script>

通过反复试验，我发现罪魁祸首是以下无辜的代码：

$('#populate').click(function () {
  alert("populate!")
  var mySelect = $('#myColor');
  mySelect.empty();
};

如果我从/js/myjs.js中删除了这段代码，那么其余所有按钮处理功能都可以正常工作，但是如果重新添加，则所有按钮处理功能都无法正常工作。我已经来回尝试了几次，可以确认是这种情况。

这是怎么回事？

我问，是因为我不了解最基本的javascript故障排除技术，正如您所看到的那样，这是一个填充按钮，还有一些我已从函数中删除的代码。

$.each(myOptions, function(index, value) {
    mySelect.append(
        $('<option></option>').val(value).html(value)
    );
});

这是我目前最好的方法，因为.html文件是从Go后端代码生成的，所以我真的不能提供最简单的演示代码。希望我能获得足够的故障排除信息来自己解决此问题和其他问题。谢谢。