NativeScript Schematics - 多次调用单例服务构造函数

Question

单例服务构造函数在 nativescript-schematics 代码共享项目中被多次调用。这是我 package.json:

的一些重要依赖版本

"tns-android": {"version": "5.0.0"} "@angular/core": "~7.1.0", "nativescript-angular": "^7.1.0", "tns-core-modules": "^5.0.5", "@nativescript/schematics": "^0.4.0", "nativescript-dev-typescript": "^0.7.8", "nativescript-dev-webpack": "^0.17.0", "typescript": "~3.1.1"

我已经尝试 providedIn: 'root' angular official docs 中描述的并检查了 singletonInstance。构造函数被多次调用。

@Injectable({  providedIn: 'root'})
export class UserService {
  constructor(private _http: HttpClient) {
if (!UserService.singletonInstance) {
  console.log('in user service constructor');
  UserService.singletonInstance = this;
} else {
  return UserService.singletonInstance;
}

}

我需要使用 forRoot 因为我们有 app.module.ts 和 app.module.tns.ts 吗？

Answer 1

@Injectable({  providedIn: 'root'})
export class UserService {
  constructor(private _http: HttpClient) {
  }
}

以上代码就足够了。你需要在控制器中导入 UserService，比如

@import UserService from ...;
class MyController{
  constructor(private userService: UserService){}
}

Answer 2

经过进一步调查，我发现 Visual code intellisense 已从 .js 文件而不是 .ts 文件导入服务。因此它进行了多个构造函数调用。我正在添加它，因为它可能对某人的调试有帮助。

NativeScript Schematics - 多次调用单例服务构造函数

NativeScript Schematics - singleton Service constructor getting called multiple times

nativescript-angular

angular

nativescript-schematics