SyntaxError：意外的标记 < 在 JSON 中的位置

Question

我正在尝试在我的 React 应用程序中创建下拉组件。 我的反应如下：

 componentDidMount() {
      let initialBrands = [];
      fetch('http://localhost:3000/brands').then((response) => {
      return response.json();
    })
    .then(data => {
      let brandFromApi = data.map(brand => { return {value: brand, display: brand} })
      this.setState({ brands: [{value: '', display: '(Select your favourite brand)'}].concat(brandFromApi) });
    }).catch(error => {
      console.log(error);
    });
}

但是在编译页面时会出现以下错误：

SyntaxError: Unexpected token < in JSON at position 0
    at App.js:82

除了上述错误，我不能有任何其他错误。 但是，我的下拉列表没有填充。 任何人，请告诉我问题出在哪里？

Answer 1

我怀疑您正在从服务器接收HTML （或XML ），但您试图将其解析为JSON ，这导致了错误。 还要检查 Chrome 开发工具中的“网络”选项卡以查看服务器响应的内容。

尝试通过浏览器或邮递员点击 URL 以检查您是否真的获得了有效的JSON响应。