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

你需要安装网络命脉。打开您的终端并运行以下命令：

npm i web-vitals --save-dev

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

Answer 2

对于使用create-react-app启动一个全新应用程序的任何人来说:如果您使用的是npm，但在运行create-react-app时没有明确指定它，那么它将在可用的时候使用yarn。通过添加标志--use-npm，我能够绕过这个问题。

所以，举个例子：

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

Source

Answer 3

删除test-app文件夹中的所有文件和文件夹。现在重新安装所有包并启动npm。看起来不错。