タイトルを次のように書き換えます。 ライブ サーバーで実行する場合、「SyntaxError: Cannot use import stateOutside a module」を中国語に「SyntaxError: Cannot use import stateOutside a module」に翻訳します。
P粉520545753
2023-08-28 20:10:06
<p>//これは、greet.js ファイルです</p>
<pre class="brush:php;toolbar:false;">React を "react" からインポートします;
functionGreet()
{
戻る （
<div><h1>ようこそ</h1></div>
）
}
デフォルトの Greet</pre> をエクスポート
<p>//これは indx.js ファイルです</p>
<pre class="brush:php;toolbar:false;">React、{Component} を 'react' からインポート
「./Greet」から挨拶をインポート
クラス App はコンポーネントを拡張します
{
与える（）
{
<div className='アプリ'>
<挨拶/>
</div>
}
}</pre>
<p>//これは HTML ファイルです</p>
<pre class="brush:php;toolbar:false;"><!DOCTYPE html>
<html>
<頭>
<タイトル>
さぁ行こう
</title>
</head>
<本体>
<script src="indx.js"> </script>
</ボディ>
</html></pre>
<p>greet.js からデータを取得して indx.js でレンダリングしようとしていますが、<strong>モジュール外の import ステートメントを使用できません</strong></p> というエラーが表示されます。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
import/export構文を使用するには、scriptタグにtype='module'を追加する必要があるためです。babel、esbuild、またはサーバー上のお気に入りのコンパイラを使用することも、HTML にbabelを直接入力することもできます。vite