javascript - TypeScript 导入需要 .js 扩展名，但只针对某些文件

我有一个 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';