検索

ホームページ  >  に質問  >  本文

タイトルを次のように書き換えます。 ライブ サーバーで実行する場合、「SyntaxError: Cannot use import stateOutside a module」を中国語に「SyntaxError: Cannot use import stateOutside a module」に翻訳します。

<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> というエラーが表示されます。
P粉520545753P粉520545753515日前684

全員に返信(1)返信します

  • P粉885035114

    P粉8850351142023-08-29 16:24:30

    • エラーが発生する理由は、import/export 構文を使用するには、script タグに type='module' を追加する必要があるためです。
    • ブラウザでは JSX を使用できません。 babelesbuild、またはサーバー上のお気に入りのコンパイラを使用することも、HTML に babel を直接入力することもできます。 vite
    • を使用することもできます

    返事
    0
  • キャンセル返事