Javascript React D3:未加载JSON文件,承诺,404错误

Javascript React D3:未加载JSON文件,承诺,404错误,javascript,json,reactjs,promise,react-redux,Javascript,Json,Reactjs,Promise,React Redux,在我的App.js中 import React, { Component } from 'react'; import * as d3 from "d3"; import * as d3queue from 'd3-queue'; import * as topojson from 'topojson'; var usState = require("./us-states.json"); var usCounty = require("./us-counties.json"); var i

在我的App.js中

import React, { Component } from 'react';
import * as d3 from "d3";
import * as d3queue from 'd3-queue';
import * as topojson from 'topojson';

var usState = require("./us-states.json");
var usCounty = require("./us-counties.json");

var imageModule=new ImageModule(imageOpts);
var queue = d3queue.queue();

var path = d3.geoPath().projection(projection);

class App extends Component {

  constructor() {
  super();
  this.drawDoc = this.drawDoc.bind(this);
  }

  drawState(){
     queue.defer(d3.csv, dataCsv , function (d) {
       console.log("d" , d);
             return {
                 id: +(d.state + d.county),
                 state: d.state,
                 county: d.county,
                 unemployment: +d.unemployment
             }
         }.bind(this))
         .defer(d3.json, './us-states.json', {
         headers : {
           'Content-Type': 'application/json',
           'Accept': 'application/json'
          }
         })
         .defer(d3.json, './us-counties.json', {
         headers : {
           'Content-Type': 'application/json',
           'Accept': 'application/json'
          }
         })
         .awaitAll(this.initializeIt)
  }

  initializeIt(error, results) {
      if (error) { throw error }
      var data = results[0]
}
}

json文件没有加载,我在加载json文件时遇到了如下错误:“Uncaught(in promise){state:“01”、country:“000”、name:“Alabama”、demission:“0.061”}和404错误。

d3.json的第二个参数是回调函数。您正在传递一个对象。@KyleRichardson,即使我删除了第二个对象,它仍然不起作用。只是好奇,您的json格式是这样的吗?如果是,则它不是有效的json。这是javascript对象语法。如果这是您的json格式,请将键也用引号括起来。@KyleRichardson不,json的格式不是这样的。它是一个有效的JSON对象。