javascript - 引用错误: is not defined

Question

我在控制台中收到 ReferenceError: serializeProducts is not Defined 错误，但不确定原因。

• 我有一个名为 components.js 的 Javascript 文件，其中包含一个名为 serializeProducts 的函数。

• 模板调用此 components.js 脚本，然后下面的脚本使用 serializeProducts 函数。

      <script type="text/javascript" src="{{STATIC_URL}}js/components.js"></script>
      <script type="text/javascript">
       if($("#parsed_found").val() == undefined)
          items_found = ""
      else
          items_found = serializeProducts($("#parsed_found").val().split("\n"));
  
      if($("#parsed_not_found").val() == undefined)
          items_not_found = ""
      else
          items_not_found = serializeProductsNotFound($("#parsed_not_found").val().split("\n"));
  

  注释

• components.js 肯定能正确找到，因为我可以通过控制台、200 状态等访问。

• 在本地运行脚本时我没有收到错误，但是当我从 Amazon S3 加载 components.js 文件时，它似乎不起作用，我无法弄清楚这一点因为权限是公开的。

我想知道这是否可能是由于 components.js 脚本在页面上的脚本运行之前未完全加载而导致的问题？我已经尝试添加延迟，但仍然收到错误。还有其他想法吗？

组件.js:http://snapeda.s3.amazonaws.com/js/components.js

Answer 1

由于您已经在使用 JQuery，并且页面中有一些代码取决于外部组件，所以我真的将其包装在 $(document).ready(function () { ... });，只是为了在执行指令之前确保一切都很好。

另一种选择是将该代码放入相同的 components.js 脚本中，但我不知道这对于您的情况是否可行。