Почему недавно развернутое приложение Angular не загружает компоненты?

Question

У меня есть приложение Angular со следующим содержимым файла app.module.ts.Недавно я переместил его в DigitalOcean Droplet (Ubuntu 18) и после перемещения компонентов папки dist в папку / var / www / html загружает домашнюю страницу, но ни один из компонентов.

Веб-сайт this и ссылки в верхней панели навигации не работают, они перенаправляют на страницу с ошибкой 404.

Компоненты прекрасно загружаются на локальном сервере (Mac).Я даже попытался изменить путь к «app / ...», но даже это не сработало.

Содержимое файла ниже.

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { RouterModule, Routes } from '@angular/router';

import { AppComponent } from './app.component';
import { AboutmeComponent } from './aboutme/aboutme.component';
import { ProjectsComponent } from './projects/projects.component';
import { ResumeComponent } from './resume/resume.component';
import { HomeComponent } from './home/home.component';
import { ContactComponent } from './contact/contact.component';
import { AllComponent } from './projects/all/all.component';
import { ProjectholderComponent } from  './projects/projectholder/projectholder.component';
import { SkillsComponent } from './aboutme/skills/skills.component';
import { RiderappComponent } from './projects/mobileapps/riderapp/riderapp.component';
import { SpectrumComponent } from './projects/webapps/spectrum/spectrum.component';
import { NormansprinciplesComponent } from './projects/misc/normansprinciples/normansprinciples.component';
import { WebappsComponent } from './projects/webapps/webapps.component';
import { MobileappsComponent } from './projects/mobileapps/mobileapps.component';
import { IotComponent } from './projects/iot/iot.component';
import { MiscComponent } from './projects/misc/misc.component';
import { TouchstreamComponent } from './projects/webapps/touchstream/touchstream.component';
const routes: Routes = [
   {path: '', component: HomeComponent},
   { path: 'resume', component: ResumeComponent },
   { path: 'aboutme', component: AboutmeComponent },
   { path: 'projects', component: ProjectsComponent },
   { path: 'contact', component: ContactComponent },
   { path: 'projects/all', component: AllComponent },
   { path: 'projects/webapps', component: WebappsComponent },
   { path: 'projects/webapps/touchstream', component: TouchstreamComponent 
},
{ path: 'projects/iot', component: IotComponent },
{ path: 'projects/misc', component: MiscComponent },
{ path: 'projects/mobileapps', component: MobileappsComponent },
{ path: 'projects/mobileapps/riderapp', component: RiderappComponent },
{ path: 'projects/webapps/spectrum', component: SpectrumComponent },
{ path: 'projects/misc/normansdesignprinciples', component: 
NormansprinciplesComponent }
];

 @NgModule({
   exports: [ RouterModule ],
   imports: [ RouterModule.forRoot(routes) ]
 })
export class AppRoutingModule { }