Модуль не найден ошибка при создании нового компонента с использованием углового

Question

Я создаю пример приложения, используя Angular Cli. Когда я создаю новый Компонент и добавляю его в файл module.ts, после ng serve я получаю это сообщение в терминале «ОШИБКА в ./src/app/server/server.component.ts». Модуль не найден: Ошибка: невозможно разрешить './' в 'D: \ angular \ my-app \ src \ app \ server' " вот мой код:

module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { ServerComponent } from './server/server.component';

@NgModule({
    declarations: [
        AppComponent,
        ServerComponent
    ],
    imports: [
        BrowserModule
    ],
    providers: [],
    bootstrap: [AppComponent]
})
export class AppModule { }

app.Component.ts

import { Component } from '@angular/core';

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

server.Component.ts

import { Component } from '@angular/core';

@Component({
    selector: 'app-sever',
    templateUrl: './server.component.html',
    styleUrls: ['']
})

export class ServerComponent {}

И это простые HTML-теги, которые я использовал в шаблонах разметки. Я искал решение, где некоторые из них упоминают, что это может быть проблема с путем или проблема, связанная с IDE, которую использовал пользователь. Действительно ли это связано с конфигурацией IDE или чем-то, что связано с угловой настройкой? Будет очень полезно, если я смогу прокомментировать это.