1

Estoy tratando de transpilar algunos .js usando Babel. Uso jquery por tanto la primera linea del archivo origen es:

import { $, jQuery } from 'jquery';

El procedimiento de compilación es exitoso, pero en el archivo generado , la primera linea es:

require("core-js/modules/web.dom.iterable");

La cual al ser invocada en el navegador dispara el error:

xxx.js:5 Uncaught ReferenceError: require is not defined

Es decir el archivo generado por Babel usa la instrucción require la cual es a su vez una instrucción de ES6 y no es soporta por el navegador. Alguna idea?

1 respuesta 1

2

para lograr lo que te propones, te recomiendo que uses RequireJS.

Como indica en su página web RequireJS, esta utilidad te permitirá realizar la carga de módulos y archivos en el navegador de la misma forma que lo haces con Node.

Puedes consultar la documentación de RequireJS

Una forma en cómo puedes usarlo sería: (luego de descargar el archivo require.js)

Supongamos que tu archivo transpilado es main.js y lo almacenas en la carpeta scripts de tu deployment, entonces en la sección <head> de tu archivo html colocas el siguiente tag:

<script data-main="scripts/main" src="scripts/require.js"></script>

Así de simple ya puedes cargar módulos o archivos usando require().

Tomando en cuenta que deseas usar JQuery, debes hacer algunos pasos adicionales de configuración. Dichos pasos van a depender de cómo estés realizando tu implementación.

Puedes leer más al respecto en How to use RequireJS with JQuery

Es la documentación oficial, está en inglés.

Esta respuesta de SO en español puede darte una orientación de la configuración: SPA usando requirejs y jquery

También puedes consultar este post: ¿Qué es y cómo funciona RequireJS? para una introducción básica en español.

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.