Vercel Analytics 未更新访客

Question

我已将 vercel 分析添加到我的 React 应用程序中，并将其部署到 vercel。但是，分析并未更新，我不确定原因是否是我所说的那样。

以下是我的 App.js 的结构。

import React, { Suspense, lazy }  from 'react';
import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
import WelcomePage from './components/WelcomePage';
import ResultsPage from './components/ResultsPage';
import { Analytics } from '@vercel/analytics/react';

function App() {
  const QuizPage = lazy(() => import('./components/QuizPage'));

  return (
  <>
    <Router>
      <Suspense fallback={<div className="loading-screen" style={{backgroundColor: 'black'}}>Loading...</div>}>
        <Routes>
          <Route path="/" element={<WelcomePage />} />
          <Route path="/quiz" element={<QuizPage />} />
          <Route path='/results' element={<ResultsPage />} />
        </Routes>
        <Analytics />
      </Suspense>
    </Router>
  </>
  );
}

export default App;

我也尝试将

<Analytics />

放在路由器标签后面

Answer 1

我在 CRA 应用程序中设置了 Vercel 分析，并且已将分析导入到我的入口点文件中，如下所示：

   <>
      <App />
      <Analytics />
   </>

这也是另一个问题的重复，如何在 React 应用程序中启用 Vercel Web 分析，所以也许那里的东西可以提供帮助。