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 identifier
import * 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_unnormalized2
require(["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));