コンポーネントへの角2インポートサービス

Question

サービスを別のディレクトリにあるコンポーネントにインポートしようとしていますが、サービスインポートでcannot find module errorが引き続き発生します。

ディレクトリ構造：

//コンポーネント

import { Component, OnInit } from '@angular/core'; 
import { AtmService } from '../services/atm.service'; 

@Component({ 
    selector: 'app-atm-list', 
    templateUrl: './atm-list.component.html', 
    styleUrls: ['./atm-list.component.css'] 
}) 
export class AtmListComponent implements OnInit { 

    atms: Array<any>; 

    constructor(private atmService: AtmService) { } 

    ngOnInit() { 

    this.atmService.getAtms().subscribe{ 
     data => { 
     this.atms = data; 
     }, 
     error => console.error(error) 
    }; 
    } 

} 

Answer 1

はあなたがservicesフォルダへのアクセスを得るために2つのフォルダを戻る必要import { AtmService } from '../../services/atm.service';

を試してみてください。

Answer 2

あなたが輸入を検索IDEを使用するようにたぶんしてみてください、あなたは、あなたが2つのレベル戻ることができコンポーネントフォルダ

からサービスにアクセスしようとしているか、このapp/services/atm.service

import { AtmService } from 'app/services/atm.service';