Not able to import proj4 in angular project

Question

When I am trying to import proj4 in my angular project I am getting an error

Error: export 'defs' (imported as 'proj4') was not found in 'proj4' (possible exports: default)

I am importing as

import * as proj4 from 'proj4';

Though I have installed the proj4 as

npm install --save @types/proj4

How can I solve this issue? Am I missing something here ?

Just check if you have exported proj4 from where it is defined? — mak15
– mak15, Commented Oct 11, 2021 at 17:04
Installing the types is not the same as installing the module. You need to install both the module and the types. The types belong in your devDependencies. Use --save-dev to install them in that location. — Brandon Taylor
– Brandon Taylor, Commented Oct 11, 2021 at 17:23

d1fficult · Accepted Answer · 2023-01-09 15:16:47Z

4

This import statement import * as proj4 from 'proj4'; used to work before year 2017 for v2.4 of proj4.

To use it for 2.4 and above, import it this way: -

import proj4 from 'proj4';

Also, you might need to do the following changes to your TypeScript compiler i.e. inside tsconfig.json: -

"allowSyntheticDefaultImports": true

These changes should do it.

answered Jan 9, 2023 at 15:16

d1fficult

1,10311 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Christian Fuchs · Accepted Answer · 2023-01-09 15:00:52Z

3

According to https://github.com/proj4js/proj4js/issues/247, for Typescript:

the import statement should be import proj4 from 'proj4';
and compiler option allowSyntheticDefaultImports: true must be set in tsconfig.json

This solved the issue for me for TypeScript 4.8 and Proj4 2.8.

answered Jan 9, 2023 at 15:00

Christian Fuchs

6476 silver badges14 bronze badges

Comments

Rob · Accepted Answer · 2024-01-17 10:27:31Z

2

I am using Angular 17 and I just ran the recommended action and it appears to have fixed the issue:

npm i --save-dev @types/proj4

answered Jan 17, 2024 at 10:27

Rob

10.3k5 gold badges64 silver badges93 bronze badges

Comments

Timothée Billiet · Accepted Answer · 2024-03-14 08:12:38Z

1

The solution for me was to have both proj4 and @types/proj4 installed. Rather silly but if it works it works.

npm i proj4 --save
npm i @types/proj4 --save

answered Mar 14, 2024 at 8:12

Timothée Billiet

3482 silver badges11 bronze badges

Collectives™ on Stack Overflow

Not able to import proj4 in angular project

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related