1. ホーム
  2. reactjs

[解決済み] SharedArrayBufferは2021年5月頃のM91でクロスオリジンアイソレーションが必要になります。

2023-02-07 22:09:10

質問

リアクトアプリを作成する際に npx create-react-app でreactアプリを作成して実行すると、DevToolsで警告がポップアップします(Chrome 88および89)。

scheduler.development.js:298 [Deprecation] SharedArrayBuffer は、2021年5月頃の M91 でクロスオリジン分離が必要になります。 は、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 を開くと、警告が表示される

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

どのように解決するのですか?

を更新してください。 reactreact-dom のバージョンから 17.0.1 から==> 17.0.2 で解決できるかもしれません。

を実行するだけです。 npm update をコマンドプロンプトか bash で実行すれば、うまくいけば、あなたの package.json ファイルに表示されます。( yarn upgrade react --latestyarn upgrade react-dom --latest へのアップグレードを持続させたい場合は package.json )

以下は、アップデートを適用した後の私のアプリのgitレポートです。