[解決済み] 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
再現のための手順
-
npx create-react-app myapp
-
cd myapp && npm start Open
- http://localhost:3000 Chrome 88 または 89 の通常モードまたはインコグニートモードで使用します。
- DevTools を開くと、警告が表示される
この警告を解決するために何か提案はありますか?
どのように解決するのですか?
を更新してください。
react
と
react-dom
のバージョンから
17.0.1
から==>
17.0.2
で解決できるかもしれません。
を実行するだけです。
npm update
をコマンドプロンプトか bash で実行すれば、うまくいけば、あなたの
package.json
ファイルに表示されます。(
yarn upgrade react --latest
と
yarn upgrade react-dom --latest
へのアップグレードを持続させたい場合は
package.json
)
以下は、アップデートを適用した後の私のアプリのgitレポートです。
関連
-
[解決済み】React - 式は1つの親要素を持つ必要がありますか?
-
[解決済み] material-ui-pickers KeyboardDatePicker をモーメントで使用するには?
-
[解決済み] nginxでcertbotを使用する際の問題点
-
[解決済み] ReactJs "インバリアント違反..." リアクトの古典的な問題
-
React はエラー TypeError を報告します。未定義のプロパティ 'XX' を読み取ることができない、問題は解決されました。
-
[解決済み] Static HTML elements with event handlers require a role." を修正するにはどうすればよいですか?
-
[解決済み] React Hooksの「exhaustive-deps」lintルールを理解する
-
[解決済み] create-react-appビルドスクリプトを実行する際に、ビルド.env変数を設定するには?
-
[解決済み] React QueryとReduxの主な違いは何ですか?
-
[解決済み] Reactのrender()にFont Awesomeのアイコンを入れる方法
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】React 17で動作するEnzymeアダプターはどれですか?
-
[解決済み】Reactを使用したMapBoxのCSSが欠落している件
-
[解決済み】ReactJS: マテリアルuiのブレークポイントについて
-
[解決済み] react-router-domを使用する際に「Function components cannot be given refs」を回避するにはどうすればよいですか?
-
[解決済み] useStateプロパティのフックにmap関数を使用する方法
-
[解決済み] ReactJsのCreateClassは関数ではない
-
[解決済み] sh: react-scripts: npm start の実行後にコマンドが見つからない。
-
[解決済み] ReactコンポーネントのJest SnapshotテストにおけるSnapshotテストの仕組みとtoMatchSnapshot()関数は何をするのか?
-
[解決済み] Static HTML elements with event handlers require a role." を修正するにはどうすればよいですか?
-
[解決済み] react-navigation v5を使ったreact-nativeアプリのAppNavigatorの構文を更新する。