0
291
Vistas¿Por qué se requiere por defecto en la importación de archivos JSON en código JS?
Tengo datos JSON que puedo obtener de esta API . Sin embargo, cuando copio el contenido de este enlace en un archivo local y lo guardo como JSON, y luego lo importo en JS como:
import * as data from "./data.json" assert { type: "json" }; console.log(data) Obtengo un módulo en mi consola donde el parámetro predeterminado contiene mi objeto JSON. 
Pero cuando lo hago:
import * as data from "./data.json" assert { type: "json" }; console.log(data.default)Entonces solo puedo ver mi objeto JSON como de costumbre, es decir, cuál habría sido el resultado si lo hubiera hecho:
async function populate() { const requestURL = 'https://mdn.github.io/learning-area/javascript/oojs/json/superheroes.json'; const request = new Request(requestURL); const response = await fetch(request); const superHeroes = await response.json(); console.log(superHeroes) } populate();¿Por qué pasó esto? ¿Y hay algún método mejor para importar mi archivo JSON para poder acceder a él en mi código?
1 Respuestas
Responde la pregunta0
Esto sucede porque la línea import * as importa an_entire_modules_contents donde, debido a la ausencia de un valor predeterminado de export default explícito, la propiedad predeterminada coincide con el contenido de su archivo json. Si desea que la variable data contenga su archivo json, puede usar en su lugar:
import {default as data} from "./data.json"; console.log(data); //<-- it will print the content of your json fileO la abreviatura simple a continuación:
import data from "./data.json";