Javascript React D3:未加载JSON文件,承诺,404错误
在我的App.js中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
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对象。