Javascript Chart.js+；Wordpress无法读取属性'；宽度'；未定义的

我正试图通过CDN让chart.js在我的wordpress上工作。我只是想在chart.js文档页面的“creatingahart”（创建图表）下实现第一个示例

我在jQuery document ready函数中有代码，并且我已经确保可以通过控制台日志访问DOM和canvas元素

var ctx = document.getElementById("myChart");
console.log(ctx);

它将canvas元素返回到控制台。其余代码完全遵循chart.js文档中的示例

我在控制台中得到一个标题中所述的错误，即：

Chart.min.js？ver=4.5.3:17未捕获类型错误：无法读取未定义（…）的属性“宽度”

查看chrome inspector中chart.js文件中的错误，看起来canvas元素没有被传递到图表函数中：

var Chart = function(s) { ... };

我认为“s”是未定义的

想法？我感到迷路了

---

谢谢大家

错误是否发生在

$（窗口）之前。在（“加载”上，…

函数启动？您可以在函数开始处放置一个

console.log（）

，以进行检查。如果您确定在脚本运行时画布元素已准备就绪，可能会添加更多详细信息/问题代码。我尝试使用$（窗口）。在（“加载”上，…也没有用。我甚至尝试了10秒等待时间的setTimeout，并在运行图表脚本之前将控制台登录到那里。canvas元素记录正确，但我遇到了相同的错误（无法读取undefined的属性“width”）。我使用的唯一代码是chart.js上的docs页面链接。我知道脚本已加载，因为我可以在控制台窗口中看到它。基本上，我只是建议我的标准调试想法。它看起来像控制台消息

（…）中的跟踪

，您可以单击并查看。我知道您可能知道调用来自何处，但也许您可以在脚本中插入断点，查看是否有任何异常。此外，如果您创建了一个。错误是否发生在

$（窗口）之前。on（“加载”，…

函数启动？您可以在函数开始处放置一个

console.log（）

以进行检查。如果您确定脚本运行时canvas元素已准备就绪，可以添加更多详细信息/对问题进行编码。我尝试使用$（窗口）。on（“加载”，…也没有用。我甚至尝试了10秒等待时间的setTimeout，并在运行图表脚本之前将控制台登录到那里。canvas元素记录正确，但我遇到了相同的错误（无法读取undefined的属性“width”）。我使用的唯一代码是chart.js上的docs页面链接。我知道脚本已加载，因为我可以在控制台窗口中看到它。基本上，我只是建议我的标准调试想法。它看起来像控制台消息

（…）中的跟踪

您可以单击并查看。我知道您可能知道呼叫来自何处，但也许您可以在脚本中插入断点，查看是否有任何异常。此外，如果您创建了一个脚本，它可能会帮助您和应答者。