Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0 using vuejs答案

【问题标题】：Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0 using vuejsUncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0 using vuejs
【发布时间】：2020-10-10 07:44:51
【问题描述】：

我正在尝试根据来自 .json 的数据创建树状图。我正在使用 d3 和 vue 来帮助这个过程。当我尝试使用d3.json() 函数加载我的数据并输出到控制台时，我得到了错误

Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0

d3.json('./warehouses').then(function(error,data) {
  data = data.concat(json)
  render(data)
  console.log(data)
})

【问题讨论】：

听起来 API 返回的是 HTML 而不是 JSON。
好的，我的 html 不太高级，我该如何解决？

标签： javascript json vue.js d3.js treemap

【解决方案1】：

如果你想加载一个 json 文件，你应该导入它。代码如下所示：
import data from '../addressOfJsonFile/db.json';
然后您可以使用您导入的数据变量作为您的 json 对象。请注意，您可以将导入的 json 命名为您想要的任何名称。

【讨论】：