22

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

5 回答 5

53

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

npm i web-vitals --save-dev

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

于 2021-02-13T11:20:48.580 回答
6

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

因此，例如：

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

资源

于 2021-11-05T13:55:08.477 回答
1

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

于 2021-01-04T22:14:04.003 回答
0

如果您使用 . 创建了项目create-react-app，则在运行时所有依赖项都应该存在npm install。

确保通过导航到根目录并运行：

npm install
于 2022-01-13T13:07:23.393 回答
-1

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

于 2021-12-22T12:55:15.293 回答