【问题标题】:Service not found in NativeScript Angular在 NativeScript Angular 中找不到服务
【发布时间】:2020-06-19 05:29:17
【问题描述】:

我是 Angular nativescript 的新手,我在我的原生 Angular 应用程序中使用“ng generate service”命令创建了一个服务,但是在导入服务时,我收到了找不到模块的错误

app.module.ts

import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core";
import { NativeScriptModule, NativeScriptHttpClientModule } from "@nativescript/angular";

import { AppRoutingModule } from "./app-routing.module";
import { AppComponent } from "./app.component";
import { LoginComponent } from './components/login/login.component';

@NgModule({
    bootstrap: [
        AppComponent
    ],
    imports: [
        NativeScriptModule,
        AppRoutingModule,
        NativeScriptHttpClientModule
    ],
    declarations: [
        AppComponent,
        LoginComponent,
    ],
    providers: [],
    schemas: [
        NO_ERRORS_SCHEMA
    ]
})
/*
Pass your application module to the bootstrapModule function located in main.ts to start your app
*/
export class AppModule { }

ApiBackRequestService.ts

import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
import { Observable, throwError } from 'rxjs';
import { catchError } from 'rxjs/operators';
import { environment } from '../environments/environment';

@Injectable({
    providedIn: 'root'
})
export class ApiBackRequestService {

    constructor(
        private http: HttpClient) {
    }

}

Login.component.ts

import { Component, OnInit } from '@angular/core';
import { ApiBackRequestService } from 'src/app/services/api-back-request.service';

@Component({
    selector: 'ns-login',
    templateUrl: './login.component.html',
    styleUrls: ['./login.component.css']
})
export class LoginComponent implements OnInit {

    pokemon = [];

    constructor(private api: ApiBackRequestService) { }

    ngOnInit(): void {

    }
}

谢谢

【问题讨论】:

    标签: javascript angular web-services nativescript angular2-nativescript


    【解决方案1】:

    这是一个代码共享项目吗?在 Login.component.ts 文件中,只需在 src 之前添加 @

    改变

    import { ApiBackRequestService } from 'src/app/services/api-back-request.service';
    

    import { ApiBackRequestService } from '@src/app/services/api-back-request.service';
    

    【讨论】:

      【解决方案2】:

      这解决了我的问题

      import { ApiBackRequestService } from '../../services/api-back-request.service';
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2017-01-02
        • 1970-01-01
        • 2018-07-05
        • 2018-06-09
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多