導入到 Angular 的模塊中的導入如何工作

Question

我讀過的文檔對於import在 Javascript 中的作用，特別是在 Angular 框架中的作用相當不准確。 我知道它從另一個具有一個或多個exports的文件中導入模塊。 但是它的語法有很多排列，並不是所有的都被詳細討論。 我目前在使用 @asymmetik/ngx-leaflet-markercluster 模塊時遇到了困難。 當我嘗試編譯我的 Angular 應用程序時，我收到一條消息“無法解析 'C:\sca_root\city8\node_modules@asymmetrik\ngx-leaflet-markercluster\dist\leaflet-markercluster 中的 'leaflet.markercluster'”- - 這是指簡單閱讀的行

import 'leaflet.markercluster';

This seems to me (and I know, perhaps I am making too many assumptions here) that there should be a file in that same directory named leaflet.markercluster.js or perhaps leaflet.markercluster.ts (it's Javascript, not TypeScript, so it將是前者）。 但是該目錄中沒有名為leaflet.markercluster.js的文件。 這些是該目錄中的文件：

leaflet-markercluster.directive.js.map
leaflet-markercluster.directive.metadata.json
leaflet-markercluster.module.d.ts
leaflet-markercluster.module.js
leaflet-markercluster.module.js.map
leaflet-markercluster.module.metadata.json
leaflet-markercluster.directive.d.ts
eaflet-markercluster.directive.js

該 import 語句將導入哪一個？ 如果不是其中任何一個，它將從該目錄之外的何處導入該文件？ 還有哪些其他信息（可能在 tsconfig.json 或 angular.json 中）可能會影響此導入語句從何處導入？

Answer 1

這種情況下的問題是 leaflet.markercluster 還需要安裝@types。 我不得不發出一個

npm install @types/leaflet @types/leaflet.markercluster

我不知道為什么該錯誤與@types 無關，但這符合 Angular 開發的令人心碎的本質。