SharedArrayBufferは、2021年5月頃のM91以降、クロスオリジン分離が必要になります。

MJBZA

経由npx create-react-appでReactアプリを作成して実行すると、DevTools(Chrome 88および89)に警告がポップアップ表示されます。

Scheduler.development.js:298 [非推奨] SharedArrayBufferは、2021年5月頃のM91以降、クロスオリジン分離が必要になります。詳細については、https://developer.chrome.com/blog/enabling-shared-array-buffer/を参照してください。

環境

  current version of create-react-app: 4.0.1
  running from /Users/mahdi/.npm/_npx/25767/lib/node_modules/create-react-app
  Binaries:
    Node: 14.15.4 - ~/.nvm/versions/node/v14.15.4/bin/node
    Yarn: 1.22.4 - /usr/local/bin/yarn
    npm: 6.14.10 - ~/.nvm/versions/node/v14.15.4/bin/npm
  Browsers:
    Chrome: 88.0.4324.96
    Edge: 87.0.664.66
    Firefox: 84.0
    Safari: 14.0.2
  npmPackages:
    react: ^17.0.1 => 17.0.1
    react-dom: ^17.0.1 => 17.0.1
    react-scripts: Not Found
  npmGlobalPackages:
    create-react-app: Not Found

ここに画像の説明を入力してください

再現する手順

  1. npx create-react-app myapp
  2. cd myapp && npm start Open
  3. http:// localhost:3000 Chrome 88または89、通常モードまたはシークレットモード
  4. DevToolsを開きます:警告が表示されます

この警告を解決するための提案はありますか?

ラジョハン

警告が示すように、ChromeはSharedArrayBufferを使用するために、バージョン91以降のクロスオリジン分離を必要とします。私の知る限り、警告を解決するためにできることは何もありません。それから、反応の更新を待ちます。

あなたがここここで見ることができるように、他の人もこの問題を抱えています

この問題はこのプルリクエストで修正されいますが、まだリリースされていません。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Google AppsScriptが2021年12月25日以降に日付を正しくインクリメントしない

分類Dev

HTML5 WebワーカーはクロスオリジンにCORSを使用できますか/使用する必要がありますか?

分類Dev

コマンドクエリの分離:コマンドはvoidを返す必要がありますか?

分類Dev

HTTPを介したパブリックジオロケーションデータのスケーラブルな頻繁な読み取り/書き込みには、どのソリューションを選択する必要がありますか?

分類Dev

パフォーマンス-巨大なリストには配列とオブジェクトの両方を使用する必要がありますか?

分類Dev

.NETは既存のプロジェクトを追加しましたが、元のプロジェクトから分離する必要があります

分類Dev

SqlDateTimeオーバーフローは、SQLへのアクセスから発生する1753年1月1日から9999年12月31日の間である必要があります

分類Dev

イメージをプルする前にAzureContainerレジストリにログインする必要があるのはなぜですか?つまり、azログインでは不十分ですか?

分類Dev

分類子にはコンパニオンオブジェクトがないため、ここで初期化する必要があります

分類Dev

分類子JSONObjectには 'コンパニオンオブジェクトがないため、ここで初期化する必要があります

分類Dev

Element.createShadowRootは非推奨であり、2019年3月頃にM73で削除されます。代わりにElement.attachShadowを使用してください

分類Dev

オンプレミスのAzureDevOps ServerワークアイテムコメントにActiveDirectoryユーザーアカウントの@メンションをプログラムで追加します(2021年1月)

分類Dev

Count(*)月ごとの期間に基づくクエリでは、データがない代わりにゼロ値を追加する必要があります

分類Dev

Delphiでは、オブジェクトをその親にキャストすると、より多くのメモリが必要になりますか?

分類Dev

Flutterのオブジェクトの大きなリストにはTableまたはListViewを使用する必要がありますか?

分類Dev

ユーザーインターフェイスと管理インターフェイスをコードで分離する(クラスを分離する)必要がありますか、または不要な機能をcssで非表示にする必要があります

分類Dev

2019年4月23日午後8時(UTC)以降、スケジュールされたすべてのクエリが「エラーコード3:互換性のないテーブルパーティション指定」で失敗しています。

分類Dev

合成を目指しながら、VHDLでコーディングする際に、組み合わせロジックをシーケンシャルロジックから分離する必要がありますか?

分類Dev

このプロジェクトをビルドするには、WiX Toolset v3.11(またはそれ以降)のビルドツールをインストールする必要があります

分類Dev

SmartTableコントロールには、1.74以降の内部ロードリソースエラーがあります

分類Dev

このクラスをインスタンス化する必要がありますか?それとも、これは責任の悪い分離ですか?

分類Dev

Angular 7で複数のチェックボックスを検証する方法は?メッセージをスローする必要があります。少なくとも1つのチェックボックスをオンにする必要があります。

分類Dev

PHP。月の日付オブジェクトの差分が12か月後に0にリセットされるのはなぜですか?

分類Dev

選択したラジオボタンの真/偽の値を送信できません。適切な値を送信するには、それらを2回クリックする必要があります-Angular5テーブル

分類Dev

有効なタイムスタンプを生成するには、CMSSignedDataオブジェクトのどのデータを渡す必要がありますか?

分類Dev

有効なタイムスタンプを生成するには、CMSSignedDataオブジェクトのどのデータを渡す必要がありますか?

分類Dev

Typescript:ジェネリック型が設定されている場合はオプションのpropが必要になります

分類Dev

シリアル化ロジックはエンティティまたは他のクラスにある必要があります

分類Dev

シリアル化ロジックはエンティティまたは他のクラスにある必要があります

Related 関連記事

  1. 1

    Google AppsScriptが2021年12月25日以降に日付を正しくインクリメントしない

  2. 2

    HTML5 WebワーカーはクロスオリジンにCORSを使用できますか/使用する必要がありますか?

  3. 3

    コマンドクエリの分離:コマンドはvoidを返す必要がありますか?

  4. 4

    HTTPを介したパブリックジオロケーションデータのスケーラブルな頻繁な読み取り/書き込みには、どのソリューションを選択する必要がありますか?

  5. 5

    パフォーマンス-巨大なリストには配列とオブジェクトの両方を使用する必要がありますか?

  6. 6

    .NETは既存のプロジェクトを追加しましたが、元のプロジェクトから分離する必要があります

  7. 7

    SqlDateTimeオーバーフローは、SQLへのアクセスから発生する1753年1月1日から9999年12月31日の間である必要があります

  8. 8

    イメージをプルする前にAzureContainerレジストリにログインする必要があるのはなぜですか?つまり、azログインでは不十分ですか?

  9. 9

    分類子にはコンパニオンオブジェクトがないため、ここで初期化する必要があります

  10. 10

    分類子JSONObjectには 'コンパニオンオブジェクトがないため、ここで初期化する必要があります

  11. 11

    Element.createShadowRootは非推奨であり、2019年3月頃にM73で削除されます。代わりにElement.attachShadowを使用してください

  12. 12

    オンプレミスのAzureDevOps ServerワークアイテムコメントにActiveDirectoryユーザーアカウントの@メンションをプログラムで追加します(2021年1月)

  13. 13

    Count(*)月ごとの期間に基づくクエリでは、データがない代わりにゼロ値を追加する必要があります

  14. 14

    Delphiでは、オブジェクトをその親にキャストすると、より多くのメモリが必要になりますか?

  15. 15

    Flutterのオブジェクトの大きなリストにはTableまたはListViewを使用する必要がありますか?

  16. 16

    ユーザーインターフェイスと管理インターフェイスをコードで分離する(クラスを分離する)必要がありますか、または不要な機能をcssで非表示にする必要があります

  17. 17

    2019年4月23日午後8時(UTC)以降、スケジュールされたすべてのクエリが「エラーコード3:互換性のないテーブルパーティション指定」で失敗しています。

  18. 18

    合成を目指しながら、VHDLでコーディングする際に、組み合わせロジックをシーケンシャルロジックから分離する必要がありますか?

  19. 19

    このプロジェクトをビルドするには、WiX Toolset v3.11(またはそれ以降)のビルドツールをインストールする必要があります

  20. 20

    SmartTableコントロールには、1.74以降の内部ロードリソースエラーがあります

  21. 21

    このクラスをインスタンス化する必要がありますか?それとも、これは責任の悪い分離ですか?

  22. 22

    Angular 7で複数のチェックボックスを検証する方法は?メッセージをスローする必要があります。少なくとも1つのチェックボックスをオンにする必要があります。

  23. 23

    PHP。月の日付オブジェクトの差分が12か月後に0にリセットされるのはなぜですか?

  24. 24

    選択したラジオボタンの真/偽の値を送信できません。適切な値を送信するには、それらを2回クリックする必要があります-Angular5テーブル

  25. 25

    有効なタイムスタンプを生成するには、CMSSignedDataオブジェクトのどのデータを渡す必要がありますか?

  26. 26

    有効なタイムスタンプを生成するには、CMSSignedDataオブジェクトのどのデータを渡す必要がありますか?

  27. 27

    Typescript:ジェネリック型が設定されている場合はオプションのpropが必要になります

  28. 28

    シリアル化ロジックはエンティティまたは他のクラスにある必要があります

  29. 29

    シリアル化ロジックはエンティティまたは他のクラスにある必要があります

ホットタグ

アーカイブ