web-dev-qa-db-ja.com

SyntaxError:Intellij IDEAからNode JSを開始するとき、モジュールの外部でimportステートメントを使用できません

反応jsによってhello worldアプリケーションを作成しようとしています。 IntelliJ IDEAでNodeJSアプリケーションを作成しました。 helloworld.jsファイルを作成します。このコードをこのファイルに追加します

import React from 'react';

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

Package.jsonにreact-dom依存関係を追加しました。 npm installコマンドを作成しました。アプリケーションを開始

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

エラー:

"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
4
Pavel Petrashov

さて、私は同じ問題に出くわしました、私は何かが正しくなかったことに気づきました。最初にreact-create-appを使用して反応アプリを作成したら、プロジェクトを閉じたか、別のプロジェクトフォルダーを実行します。そのプロジェクトを再度開始する場合は、フォルダーパスが正しいことを確認してから、ターミナルでnpm startと入力するだけです。問題を解く。

0
Micheal N.D