Problema no auto-complete do import

Olá! O auto complete nao funciona na hora de importar a photo.service.ts. Estou tendo que importar nao mão mesmo. Como poderia resolver isso?

photo.service.ts

import { Injectable } from '@angular/core';
import { HttpClient } from "@angular/common/http"

const API = "http://localhost:8080";

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

  constructor(private http: HttpClient) { }


  listFromUser(username: string) {

    return this.http.get<Object[]>(API + '/flavio/photos');

  }

}

app.component.ts

import { Component } from '@angular/core';
import { PhotoService } from './photo/photo.service'



@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {

  photos: Object[];

  constructor(service:PhotoService) { }

}