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

【问题标题】：React JS npm start shows failed to compile web-vitalsReact JS npm start 显示无法编译 web-vitals
【发布时间】：2021-03-31 10:35:05
【问题描述】：

编译失败 -/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;

【问题讨论】：

Can't resolve 'web-vitals' : 似乎你应该使用npm i web-vitals 安装web-vitals。
删除并重新安装所有软件包后解决。可能是由于互联网速度慢而丢失了包裹。谢谢 Ajeet Shah。
loool 马上反应的另一个缺点。说真的，为什么有人甚至想继续使用这个库而不是 Vue

标签： javascript reactjs npm-start web-vitals

【解决方案1】：

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

npm i web-vitals --save-dev

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

【讨论】：

对于那些使用 yarn 的人：yarn add -D web-vitals

【解决方案2】：

对于使用create-react-app 启动全新应用程序的任何人：如果您使用npm 但在未明确指定的情况下运行create-react-app，它将在可用时使用yarn。我可以通过添加标志 --use-npm 来绕过这个问题。

所以，例如：

npx create-react-app my-app --use-npm

Source

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

我关闭了终端并再次打开。为我工作！

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。