無法在 angular 項目中導入 proj4

Question

當我嘗試在我的 angular 項目中導入 proj4 時出現錯誤

錯誤：在“proj4”中找不到導出“defs”（導入為“proj4”）（可能的導出：默認）

我導入為

從“proj4”導入 * 作為 proj4；

雖然我已經將 proj4 安裝為

npm 安裝 --save @types/proj4

我該如何解決這個問題？ 我在這里錯過了什么嗎？

Answer 1

根據https://github.com/proj4js/proj4js/issues/247 ，對於 Typescript：

• 導入語句應該是import proj4 from 'proj4';
• 和編譯器選項allowSyntheticDefaultImports: true必須在tsconfig.json中設置

這為我解決了 TypeScript 4.8 和 Proj4 2.8 的問題。

Answer 2

此導入語句import * as proj4 from 'proj4'; 曾經在 2017 年之前為proj4的 v2.4 工作。

要將它用於 2.4 及更高版本，請以這種方式導入它：-

import proj4 from 'proj4';

此外，您可能需要對TypeScript compiler進行以下更改，即在tsconfig.json內部：-

"allowSyntheticDefaultImports": true

這些更改應該可以做到。