0

Tengo dos archivos en la misma carpeta, uno llamada main.js y el otro es.js.

El problema es que al intentar importar una clase de es.js , desde main.js me lanza el error:

Uncaught SyntaxError: Unexpected token import

main.js :

    import ES from './es.js';

es.js

   class ES{
    constructor(){
    get(symbol, e){
    let d = document;
    return symbol === "#" ? d.getElementById(e) : symbol === "." ? d.getElementsByClassName(e) : d.getElementsByTagName(e);
    }   
    }
}

export default ES;

1 respuesta 1

5

La razón es que el navegador que estás utilizando para ejecutar ese código aún no tiene soporte para ES modules. Puedes ver una tabla de compatibilidad en Caniuse.

Existen herramientas que son utilizadas mucho cuando se programa en ES6, ES7, ES8 o incluso con APIs experimentales y/o en desarrollo. Una de estas herramientas es Babel.

Esta herramienta te permite, a través de presets y plugins, transpilar un código escrito en ES6+ a uno ES5 (entendible por todos los navegadores), también puedes usar otras herramientas como Gulp o Webpack junto con Babel para hacer este proceso de forma automática y además generar un bundle, que es simplemente el código ya transpilado, concatenado, optimizado y minificado.

Tu Respuesta

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

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