Al hacer el import me lanza este error 😦 SyntaxError: Cannot use import statement outside a module alguien sabe por que? ayudaa

Pregunta de la clase:
Clases, Módulos y Generadores
Luis Manuel Vivas Rodriguez

Luis Manuel Vivas Rodriguez

Pregunta
studenthace 4 años

Al hacer el import me lanza este error 😦 SyntaxError: Cannot use import statement outside a module alguien sabe por que? ayudaa

1 respuestas
para escribir tu comentario
    Angel de Jesus Quintero Pereira

    Angel de Jesus Quintero Pereira

    studenthace 4 años

    Me funcionó los modulos de javascript, esto fue lo que hice para que me funcionará… Mi entorno de trabajo es pop os 20.04, esta distribución de linux está basada en ubuntu 20.04, cabe destacar que debería funcionar para Window 10 con WSL, yo tenía la versión 12 de node.js y no me funcionó con es versión, esta versión fue la instalé en los prework de los cursos. Descripción general de la solución:

    • Desinstalé la versión node.js
    • Instalación node.js en su versión más actual y que se LTS
    • Configuración del proyecto y el archivo.json

    Todos los pasos los ejecuto en la terminal Paso a paso de la solución antes descrita

    1. Desinstalé la versión node.js

    Eliminé node.js, ya que tenía la versión v12 y lo hice haciendo los siguientes pasos:

    Desinstale node con el siguiente comando:

    sudo apt-get purge --auto-remove nodejs

    Elimine los directorios node o node_modules de / usr / local / lib con la ayuda del siguiente comando:

    sudo rm -rf /usr/local/lib/node*

    Elimine los directorios node o node_modules de / usr / local / include con la ayuda del siguiente comando:

    sudo rm -rf /usr/local/include/node*

    Elimine cualquier archivo de nodo o directorio de / usr / local / bin con la ayuda del siguiente comando:

    sudo rm -rf /usr/local/bin/node

    Por último como indica el tutorial verifique paso a paso eliminando cada una de estas carpetas, puede ocurrir el caso de que no existe alguna carpeta a eliminar

    sudo rm -rf /usr/local/bin/npm sudo rm -rf /usr/local/share/man/man1/node* sudo rm -rf /usr/local/lib/dtrace/node.d ~/.npm sudo rm -rf ~/.node-gyp /opt/local/bin/node sudo rm -rf opt/local/include/node sudo rm -rf /opt/local/lib/node_modules

    2. Instalación node.js en su versión más actual y que sea LTS

    Realicé la instalación de node a la última versión

    2.1 Primero, verifique si tenía las librerías esenciales instaladas, ejecutando los siguientes comando en mi caso yo las tenías, pero lo coloco por si alguno no las tienes:

    sudo apt install build-essential && sudo apt-get update

    sudo apt-get install gcc g++ make && sudo apt-get update

    sudo apt update && sudo apt upgrade && sudo apt install curl

    2.2 Segundo instalé node en la versión 14 ejecutando el siguiente comando curl -sL quite las comillas

    http://deb.nodesource.com/setup_14.x | sudo -E bash -
    sudo apt-get install -y nodejs sudo apt-get update

    2.3 Tercero reiniciar la computadora

    2.4 Cuarto luego realice la actualización de npm con la siguiente instrucción

    sudo npm install -g npm

    1. Configuración del proyecto y el archivo.json

    Por último configuré el proyecto siguiendo los siguientes pasos, cabe aclarar que los pasos que seguí fueron los que el profesor indico al principio, es decir.

    NOTA: Si tienes la capeta del proyecto puedes saltarte el paso 3.1 ve directamente al 3.2

    3.1 Abrir terminal y crear la carpeta del proyecto si tienes ya la carpeta creada salta este paso

    mkdir proyecto cd proyecto

    3.2 Iniciar proyecto con node con el comando, seguir las mismas instrucciones que el profesor mostró puedo utilizar “npm init -y” para no contestar ninguna pregunta. Pero aconsejable seguir lo que el profesor dice

    npm init

    3.3 Luego en el package en la primera sección del código agregue la instrucción

    "type": "module",

    5-2-es6-configuración-del-package-json.png

    ahora yo deje un comentarios con códigos ejemplo pudieras probar y decirme si te funciona

Curso de ECMAScript 6+

Curso de ECMAScript 6+

JavaScript es el lenguaje más utilizado para desarrollo de aplicaciones web, principalmente en el frontend. Cada año, ECMA International publica una nueva edición de ECMAScript, la especificación a la cual se ajusta JavaScript. Aprende las nuevas características que implementa ECMAScript desde la versión 6 hasta la versión 10.

Curso de ECMAScript 6+
Curso de ECMAScript 6+

Curso de ECMAScript 6+

JavaScript es el lenguaje más utilizado para desarrollo de aplicaciones web, principalmente en el frontend. Cada año, ECMA International publica una nueva edición de ECMAScript, la especificación a la cual se ajusta JavaScript. Aprende las nuevas características que implementa ECMAScript desde la versión 6 hasta la versión 10.