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