Javascript Angular 9中的单例服务不工作

我使用单例服务来存储共享数据。服务代码如下：

从'@angular/core'导入{Injectable}；
@注射的({
providedIn:'根'
})
导出类UploadedFileService{
私有上传文件：文件；
构造函数（）{}
公共设置加载文件（文件：文件）：无效{
this.upLoadedFile=文件；
}
public getUploadedFile（）：文件{
返回此.uploaded文件；
}
}

如果在提供者数组中添加服务，则该组件及其所有子组件将获得该服务的单独实例。也就是说，它将不再是单身服务。

---

从提供者中删除该组件，它就会工作。

如果在提供者数组中添加服务，则该组件及其所有子组件将获得该服务的单独实例。也就是说，它将不再是单身服务。

---

从提供程序中删除它，它就会工作。

如果您在

@Component

级别使用

提供程序
数组设置服务，就像您在
预览文件组件
中一样，您将获得每个组件的服务实例。它不再使用共享单例服务。如果您在
@Component
级别使用
提供程序
数组设置服务，就像您在
预览文件组件
中一样，您将获得每个组件的服务实例。它不再使用共享单例服务。