reactjs - 自 M91 起,SharedArrayBuffer 将需要跨域隔离,大约在 2021 年 5 月

标签 reactjs google-chrome

通过 npx create-react-app 创建 React 应用程序时并运行它,在 DevTools(Chrome 88 和 89)中弹出警告:

scheduler.development.js:298 [Deprecation] SharedArrayBuffer will require cross-origin isolation as of M91, around May 2021. See https://developer.chrome.com/blog/enabling-shared-array-buffer/ for more details.


环境
  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
enter image description here
重现步骤
  • npx create-react-app myapp
  • cd myapp && npm start Open
  • http://localhost:3000 Chrome 88 或 89,常规或隐身模式
  • 打开 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 报告:
    image of git report

    关于reactjs - 自 M91 起,SharedArrayBuffer 将需要跨域隔离,大约在 2021 年 5 月,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66489286/

    相关文章:

    javascript - 数组比较在 Chrome 中有效,但不适用于 Chrome IPAD

    javascript - 如何在 ReactJS 中将多个复选框标记为已选中而其他复选框未选中?

    google-chrome - 如何在 Google Chrome ver 38 上禁用打印预览?

    Javascript 仅在 chrome 上打开 javascript 控制台时有效

    google-chrome - 修复 chrome 开发工具上的标签间距

    javascript - Chrome 中的选择框位置问题

    javascript - 函数组件不能有引用。您的意思是使用 React.forwardRef() 吗?

    javascript - 使用 redux-form 验证检索错误

    javascript - 如何在 React View 中显示对象数组中的随机值

    javascript - 框阴影过渡不适用于滚动