Why do I get this error - Compiled with problems: Module not found: Error: Can't resolve 'react-top-loading-bar' while installing top-loading-bar

Why do I get this error - Compiled with problems: Module not found: Error: Can't resolve 'react-top-loading-bar' while installing top-loading-bar

我想在我的页面上有一个顶部加载栏,但是当我尝试安装 npm 时,我总是收到一堆错误。 这是我使用的命令-

npm install --save react-top-loading-bar
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

以及我的终端中的错误-

picture of the terminal

我的浏览器出现错误

picture of the browser

这些是您尝试获取的包的上游依赖性问题,而您的项目具有不同版本的 React。

我现在在 React 18 项目中工作时也经常使用旧包获得这些。

可以强行安装:

npm install --save react-top-loading-bar -f