タイピングの混乱？

Question

私はAngularプロジェクトにサードパーティの.js lib（gridstack.js）を実装しようとしています。しかし、私は入力ファイル（.dts）がどのように使用/インポートされているのか混乱しています。

これまでのところ、nstを通してgridstackをインストールする方法と、そのための入力方法がありました。それから、私はcomponent.tsにインポートしようとしました。 （import * as gridstack from 'gridstack'）、index.d.tsはモジュールとして認識されません。 index.d.tsファイルにはエクスポート文がないので、私は間違っていると思いますが、おそらく私は間違っていますか？

私の質問は、DOMとcomponent.tsのgridstackにどうやってアクセスできますか？そして、誰かが、タイピングごとに設定が同じかどうか、またはあなたが利用しようとしているlibに依存しているかどうかを明らかにすることができます。私はこれを行うための50の異なるアプローチを見てきたように感じており、毎回私はもっと混乱しています。

Answer 1

コンポーネントファイルでタイピングをインポートする必要はありません、あなたはNPMてタイピングをインストールしてtsconfig.jsonファイルでそれらを定義する必要があり、その後、これらのタイピングは、すべてのコンポーネントファイルで利用できるようになります

"compilerOptions": { 
    "types": [ "node", "gridstack" ] 
} 

tsconfig.jsonあなたはnode_modules/@種類の下で、あなたのタイピングを持っているか、そのが

どこかに定義された場合は、 'typeRoots'を使用して、あなたのタイピングのパスを定義することができることを確認してください

これをチェックするanswer！