Búsqueda de sitios web

javascript - SyntaxError: No se puede usar la declaración import fuera de un módulo al iniciar NodeJS desde IntellijIDEA


Intento crear aplicaciones hola mundo con React JS. Creé la aplicación NodeJS en IntelliJ IDEA. Crea un archivo helloworld.js. y agrega este código a este archivo

import React from 'react';

ReactDOM.render(
    <h1>Hello, world!</h1>,
    document.getElementById('root')
);

Se agregó la dependencia react-dom a package.json. Se ejecutó el comando npm install. Iniciar la aplicación

{
  "name": "testjsapp",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "react-dom": "^16.12.0"
  }
}

Error :

"C:\Program Files\nodejs\node.exe" D:\projects\testjsapp\hello\helloworld.js
D:\projects\testjsapp\hello\helloworld.js:2
import React from 'react';
^^^^^^

SyntaxError: Cannot use import statement outside a module
    at Module._compile (internal/modules/cjs/loader.js:891:18)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:991:10)
    at Module.load (internal/modules/cjs/loader.js:811:32)
    at Function.Module._load (internal/modules/cjs/loader.js:723:14)
    at Function.Module.runMain (internal/modules/cjs/loader.js:1043:10)
    at internal/main/run_main_module.js:17:11

Process finished with exit code 1

Respuesta #1

Estás intentando ejecutar un programa de React en Node.js, pero está diseñado para ejecutarse en un navegador web. No hay DOM en Node.js para que lo manipules. Eso simplemente no va a funcionar.

Dado que el programa que estás ejecutando usa JSX, necesitarás transpilarlo antes de que funcione allí también.

Vuelve al tutorial. La sección sobre cómo configurar un entorno de desarrollo local proporciona un enfoque para empezar a trabajar o puedes mirar una selección de cadenas de herramientas entre las que puedes elegir.

Respuesta #2

verifica tu versión actual

node -v

Actualiza tu versión de Node a la última 13.X

Actualizar nodejs

Y Ejecutar para crear la Aplicación React

npx create-react-app my-app
cd my-app
npm start

referencia Para crear una aplicación react

y verifícalo con tu aplicación existente, si es necesario