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
