Блог

Главная - Вопросы по программированию - ‘reportWebVitals’ не определен

‘reportWebVitals’ не определен

#create-react-app

#создать-реагировать-приложение

Вопрос:

В этом разделе create-react-app сказано:

По умолчанию Create React App включает в себя ретранслятор производительности, который позволяет измерять и анализировать производительность вашего приложения с использованием различных показателей.

Чтобы измерить любую из поддерживаемых метрик, вам нужно только передать функцию в функцию reportWebVitals в index.js:

 reportWebVitals(console.log);

Эта функция запускается, когда окончательные
значения для любой из метрик завершили вычисление на странице.
Вы можете использовать его для регистрации любых результатов в консоли или отправки на
определенную конечную точку.

Однако, когда я добавляю приведенную выше строку кода index.js , я получаю сообщение об ошибке:

‘reportWebVitals’ не определен

Мой index.js источник:

 import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import * as serviceWorker from './serviceWorker';

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

reportWebVitals(console.log);

// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: http://bit .ly/CRA-PWA
serviceWorker.unregister();

Ответ №1:

Я обнаружил, что reportWebVitals это существует в новой версии create-react-app (4.0.0). Итак, чтобы использовать reportWebVitals , я создал новое create-react-app и скопировал reportWebVitals.js в свой проект, и это сработало.

Ответ №2:

Попробуйте импортировать приведенный ниже пакет в свой индексный файл:

 import reportWebVitals from './reportWebVitals';

Ответ №3:

 import reportWebVitals from "./reportWebVitals";

Даже после импорта вы получаете ту же ошибку, что и ниже

reportWebVitals это функция javascript, которая вводится для измерения производительности нашего приложения.

Чтобы избежать этой проблемы, создайте новое приложение react с помощью этой команды

 npx create-react-app my-app

скопируйте и вставьте reportWebvitals.js setupTests.js оба файла в ваш старый проект react

Метки: