为什么我的 React 应用程序在某些设备上显示正常,但在较新的设备上只显示白页

Why does my react app show up fine on some decvices but on newer ones it only displays a white page

我的应用程序在旧的 Mac 上显示良好,但在 iPhone 或新的 Mac 机型上显示不佳。 这可能是什么原因造成的?几个小时以来,我一直在浏览网页,但没有发现任何对我有意义的东西。请任何人帮忙!

这是我的 app.js

import logo from './logo.svg';
import './App.css';
import MetaMaskModal from './components/MetaMaskModal'
import Home from './components/Home'


function App() {
  let provider = window.web3 && window.web3.currentProvider.isMetaMask;
  return (
    <>
      {window.web3 === undefined ? (
        <MetaMaskModal />
      ) : (<Home />)
      }
    </>
  );
}

export default App;

这是我的 index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);



// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. 
reportWebVitals();

package.json

"主页": "http://www.mywebsite.com/#home",

问题不在于较新的机器或设备。它不会出现在任何尚未安装元掩码的设备上。