找不到模块：错误：无法解析“/app/src”中的“web-vitals”

Question

在我的本地计算机上一切都工作得很好，但是一旦我在heroku中部署了我的React应用程序，它就开始出现此错误。

我已经尝试过的事情，

1. npm 安装 web-vitals --save-dev
2. 删除节点模块和npm install
3. 将 web-vitals 从 2.1.4 降级至 2.1.2
4. npm 更新

但无论我做什么，我的 Heroku 都会不断崩溃并不断显示同样的错误

Answer 1

问题

错误“找不到模块：错误：无法解析'web-vitals'”是因为缺少 web-vitals 包，请确保 web-vitals 包安装在 devDependency 中。

安装 web-vitals

要安装 web-vitals，只需在项目的根目录中运行以下命令并重新运行服务器

npm install --save-dev web-vitals

如果错误未解决，请尝试删除您的node_modules和package-lock.json（不是package.json）文件，重新运行npm install

Answer 2

第1步：转到“src”文件夹，然后进入“index.js”

第2步：删除

import reportWebVitals from './reportWebVitals';

，

reportWebVitals();

这两行代码，就可以开始了。

代码图片

Answer 3

1。尝试删除节点模块和package-lock.json，然后清除缓存：

rm -rf node_modules
rm -f package-lock.json

#  clean npm cache
npm cache clean --force

npm install

2。如果仍然不起作用，那么：

打开 package.json 文件并确保它在 devDependency 对象中包含 web-vitals 包。

{
  // ... rest
  "devDependencies": {
    "web-vitals": "^2.1.4" //your version
  }
}

然后手动重新运行

npm install

。

Answer 4

出现此错误 找不到模块：错误：无法解析“C:\wamp64\www”中的“web-vitals” eactJs\second-react-app\src'

通过使用下面提到的命令，此错误已解决 npm 安装 web-vitals