Javascript 我怎样才能使用；NProgrees“；？

我已在项目中成功安装了

npm install nprogress

，但当我尝试刷新页面时，控制台会显示一条消息：

hot-dev-client.js:182 [Fast Refresh] done
hot-dev-client.js:196 [Fast Refresh] rebuilding
hot-dev-client.js:182 [Fast Refresh] done

但在我的页面中，它不显示任何刷新动画。我在“网络”选项卡上多次使用慢速网络进行检查，但仍然存在相同的问题

我导入了

nprogress.min.css

如下：

https://cdnjs.cloudflare.com/ajax/libs/nprogress/0.2.0/nprogress.min.css

在我的首页中，我尝试过这样的代码：

从“NProgress”导入NProgress

从“下一个/路由器”导入{useRouter，Router}

请给我任何建议。
我认为必须像这样倾听事件：

Router.events.on（“routeChangeStart”，（）=>NProgress.start（））；
on（“routeChangeComplete”，（）=>NProgress.done（））；
on（“routeChangeError”，（）=>NProgress.done（））；


Router.onRouteChangeStart = (url) => NProgress.start();
Router.onRouteChangeComplete = (url) => NProgress.done();
Router.onRouteChangeError = (url) => NProgress.done();