Tengo el nombre de archivo JSON data.json con datos como
{ "name":"XYZ" } y tengo un script.js de nombre de archivo ES5 en el que quiero usar este archivo JSON y la tarea es importar el archivo y almacenar los datos en la función de inicio en la clase ES5. Yo he tratado
var data = require('./data.json') Me da
Uncaught ReferenceError: require is not defined
En referencia a los comentarios en esta publicación;
Actualmente está ejecutando su fragmento en el navegador y utilizando las importaciones de CommonJS. Los navegadores usan importaciones ES6:
import * as data from "./data.json"Para más referencias: MDN sobre módulos: aquí
Freecodebootcamp: aquí
Necesita hacer su archivo data.json como este
data={ "name":"XYZ" }e importe el archivo data.json en index.html para que data.json se mantenga superior a script.js
<script type="text/javascript" src="data.json"></script> <script src="script.js"></script> ahora puede usar data como una variable en el script.js