Question

我所阅读的文档对于import在Java脚本中的确切功能（特别是在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';

在我看来（我知道，也许我在这里做了太多假设）在同一目录中应该有一个名为leaflet.markercluster.js或leaflet.markercluster.ts的文件（这是Javascript，而不是TypeScript），因此将是前者）。但是该目录中没有名为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

该导入语句将导入哪一个？如果没有任何文件，它将从该目录外部导入该文件？还有什么其他信息（可能在tsconfig.json或angular.json中）会影响此import语句从何处导入？

Answer 1

在这种情况下的问题是leaflet.markercluster ALSO还需要安装@types。我必须发出

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

我不知道为什么该错误与@types无关，但这与Angular开发令人心碎的本质保持一致。

导入如何在导入Angular的模块中工作

1 个答案: