javascript - SyntaxError: Nu se poate folosi instrucțiunea import în afara unui modul atunci când pornești NodeJS din IntellijIDEA


Încerc să creez aplicații hello world folosind React JS. Am creat aplicația NodeJS în IntelliJ IDEA. Creează un fișier helloworld.js și adaugă acest cod în acest fișier

import React from 'react';

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

Adăugat dependența react-dom în package.json. Rulat comanda npm install. Pornește aplicația

{
  "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"
  }
}

Eroare :

"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

Răspuns #1

Încerci să execuți un program React în Node.js, dar este conceput să ruleze într-un browser web. Nu există DOM în Node.js pentru a-l manipula. Pur și simplu nu va funcționa.

Deoarece programul pe care îl rulezi folosește JSX, va trebui să-l transpilezi înainte ca acesta să funcționeze și acolo.

Întoarce-te la tutorial. Secțiunea despre configurarea unui mediu de dezvoltare local oferă o abordare pentru a începe și poți, de asemenea, să consulți o selecție de lanțuri de instrumente din care poți alege.

Răspunsul #2

verifică versiunea ta actuală

node -v

Actualizează versiunea ta de Node la ultima 13.X

Actualizează nodejs

Și execută pentru a crea aplicația React

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

referință Pentru a crea o aplicație React

și verifică-l încrucișat cu aplicația ta existentă, dacă este necesar