javascript - TypeScript-import kräver .js-tillägg, men bara för vissa filer

Jag har en main.ts-fil som ser ut så här:

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { enableProdMode } from '@angular/core';
import { environment } from './environments/environment'; // <-- This is the issue
import { AppModule }             from './xxcv/app.module.3';

if (environment.production)
{
  enableProdMode();
}
platformBrowserDynamic().bootstrapModule(AppModule);

Innehållet i environment.ts är:

export const environment = {
    production: true
};

Alla de importerade filerna finns som .ts-filer och efter att de har trans-kompilerats till .js rapporterar webbläsaren ett fel som meddelar att den inte kan hitta http://<url>/enviroments/enviroment.

Allt finns i dokumentrot, environments och xxcv.

När jag lägger till .js-tillägget uttryckligen fungerar det. Så raden ser ut så här nu:

import { environment } from './environments/environment.js';

Varför fungerar den här raden till exempel utan att behöva ange filändelse?

import { AppModule }             from './xxcv/app.module.3';

Och det här gör inte det?

import { environment } from './environments/environment';