Ahora estoy desarrollando JS en html, pero obtuve el siguiente error: Uncaught (in promise) ReferenceError: require is not defined .
El código es simplemente subs = require("./subscriptions.json").subs; .
Para resolver este problema, primero probé el module con import y obtuve otros errores.
<script type="module" src="subscribe.js"></script>
import { subs as subs } from "./subscriptions.json"; → Uncaught SyntaxError: Unexpected token '{'import subs from "./subscriptions.json"; → Uncaught SyntaxError: Unexpected identifierimport * from "./subscriptions.json"; → Uncaught SyntaxError: Unexpected token '*'import "./subscriptions.json"; → Uncaught SyntaxError: Unexpected string Esto fue lo mismo con "fs" , un módulo JS, así que lo dejé e intenté usar require.js (2.3.6). Pero del mismo modo, arrojó errores.
<script data-main="subscribe.js" src="require.js"></script>
require(["./subscriptions.json"]); → Uncaught Error: Script error for "subscriptions.json"require(["json!./subscriptions.json"]); → Uncaught Error: Script error for "json", needed by: json!subscriptions.json_unnormalized2 , Uncaught Error: Script error for "subscriptions.json" , Uncaught Error: Load timeout for modules: json!subscriptions.json_unnormalized2require(["fs"]); → Uncaught Error: Script error for "fs"¿Cuál podría ser el problema en mi código? Cuando sea necesario, puedo compartir mi código completo.
PD. En realidad no necesito requerir o importar algo. Solo quiero que mis archivos JS independientes compartan datos json . Si hay una mejor manera, comparte la tuya por favor. Gracias.
No puede usar require en módulos es6. require se usa en node.js y para leer un archivo json en el javascript del lado de su navegador, puede usar la API fetch en su archivo javascript y puede obtener datos del archivo .json y usarlo en HTML
fetch("test.json") .then(response => response.json()) .then(json => console.log(json));