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

Question

无法编译 -/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;

Answer 1

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

npm i web-vitals --save-dev

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

Answer 2

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

因此，例如：

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

来源

Answer 3

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