D3 代码无法在 Chrome 中运行可能是由于 SyntaxError（DOM 异常 12）答案

【问题标题】：D3 code not working in Chrome possibly due to SyntaxError (DOM Exception 12)D3 代码无法在 Chrome 中运行可能是由于 SyntaxError（DOM 异常 12）
【发布时间】：2018-02-05 16:26:24
【问题描述】：

使用 D3 javascript 的页面在 Safari 和 Firefox 中运行，但在 iCab 浏览器中抛出 DOM 异常 12。我使用 iCab 是因为我无法在 Chrome 中查看 console.log 消息。该页面使用 D3 创建地图，并且地图绘制正确，但在其中插入文本的代码不起作用。数据通过以下代码获取

d3.json("/sites/default/d3_files/json/toronto-wards.json", function(error,wards) { d3.json("/postcards-json", function(error, postcards) { 如果（错误）{myFunc2（错误）；}

第一个 JSON 调用用于绘制地图，第二个 JSON 具有要插入到地图中的数据。如果有人知道如何查看控制台消息，该页面是http://www.stopplastics.ca/toronto-postcard-tallies-values：如果相关，我将使用 Drupal 视图创建第二个 JSON。

【问题讨论】：

我设法得到了一些线索，因为 Chrome 显示的错误不是我的 console.log 消息，而且 Chrome 似乎认为我的一些在 Safari 中有效的对象引用是未定义的，
也许这是问题的原因。阅读 JSON 文件后，我立即在 Chrome 中收到此错误。 console.log ("事件 -> "+postcards.nodes[0].node.event); // Safari 中的 "tally" "TypeError: Cannot read property 'node' of undefined" 在 Chrome 中。嵌套 JSON 文件中的级别是否有限制？
我在stackoverflow.com/questions/48646465/…创建了一个新版本

标签： javascript json google-chrome d3.js drupal

【解决方案1】：

这个问题是由于 JSON 文件在某些情况下是空的，我已经解决了这个问题，现在图表可以正确显示了。

【讨论】：