React JS npm start 显示无法编译 web-vitals

如何解决React JS npm start 显示无法编译 web-vitals

未能编译 -/src/reportWebVitals.js 找不到模块：无法解析“web-vitals”。由于新来反应 JS，找不到发生了什么。这是 reportWebVitals.JS 文件。在此先感谢您的帮助。

"/src/reportWebVitals.js 模块未找到：无法解析'E:\ReactResources\RectProjects\test-app\src'中的'web-vitals'"

const reportWebVitals = onPerfEntry => {
if (onPerfEntry && onPerfEntry instanceof Function) {
import('web-vitals').then(({ getCLS,getFID,getFCP,getLCP,getTTFB }) => {
  getCLS(onPerfEntry);
  getFID(onPerfEntry);
  getFCP(onPerfEntry);
  getLCP(onPerfEntry);
  getTTFB(onPerfEntry);
});
}};
export default reportWebVitals;

解决方法

您需要安装 Web Vitals。打开终端并运行以下命令：

npm i web-vitals --save-dev

此外，删除整个内容并重新安装可能会奏效，但这是一个较长的过程。

,

删除 test-app 文件夹中的所有文件和文件夹。现在重新安装所有软件包并启动 npm。它会起作用。