TypeScriptが.defaultをグローバルに定義されたインポートに追加するのはなぜですか？

Question

私は内部グローバル定義と外部ライブラリthing.d.tsファイルがあります：私は私の活字体でNPMモジュールを参照

declare var thing: ThingStatic; 
export default thing; 

を：

import thing from 'thing'; 
... 
thing.functionOnThing(); 

私は（ES6をターゲット）TSをtranspileするとき、それはのようになりますこの：

const thing_1 = require("thing"); 
... 
thing_1.default.functionOnThing(); 

これは、エラーがスローされます。

Cannot read property 'functionOnThing' of undefined

をthing_1とfunctionOnThing()の間に追加するのはなぜですか？

ThingStaticにdefaultという名前のプロパティがなく、.d.tsファイルが定義する基になるJSオブジェクトにはdefaultプロパティがありません。

なぜTypeScriptがプロパティを追加し、それを停止するのですか？

Answer 1

これはグローバルTS定義とtsconfig.jsonで"module": "commonjs"のバグであるように思われました。

グローバルTS定義を使用して、すべての出力を1つのファイルにスティッチすることも、モジュールを使用して直接インポートすることもできます。

ここでエラーが原因requireモジュールのコンテキストを返し、そしてdefaultの名前が無関係であることにある - それは常にdefaultなり...

declare var thing: ThingStatic; 
export thing; // Explicit export for thing 
export default thing; // Default export for thing 

今requireはそうcommonjsで、このコンテキストを返します。モジュール：

import module from 'thing'; 
var thing = module.default; // From the default export 
var alsoThing = module.thing; // From the named export 

しかし、私は、これは矛盾であることがわかってきたので、モジュールをES6に切り替え：

import thing from './thing'; // Import default 
import { thing } from './thing'; // Import named 
const thing = (await import('path/to/thing.js')).default; // Import dynamic 

Answer 2

import thing from 'thing'; 

コードのこのラインはは、「モジュール'thing'からdefault輸出をインポートし、ローカル名thingにバインド」を意味します。

TypeScriptは、モジュールオブジェクトのdefaultプロパティを要求しアクセスします。あなたはおそらく書くことが何を意味するのか

は

import * as thing from 'thing';