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