TypeScript导入需要.js扩展名，但仅适用于某些文件

Question

我有main.ts文件，如下所示：

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);

environment.ts的内容是：

export const environment = {
    production: true
};

所有导入的文件都以.ts文件形式存在，在将它们转换为.js后，浏览器报告错误，通知它无法找到http://<url>/enviroments/enviroment。

所有内容都在文档根目录environments和xxcv中。

当我明确添加.js扩展名时，它可以正常工作。所以现在看起来像这样：

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

为什么这一行例如可以在不必指定扩展名的情况下工作？

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

这个不是吗？

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