Select to view content in your preferred language

Issue with calcite-components-angular 2.0.0

1205
17
12-06-2023 07:06 AM
ForrestLin
Frequent Contributor

Failed to compile with calcite-components-angular 2.0.0.

ForrestLin_0-1701875022506.png

 

No problem to compile with calcite-components-angular 1.11.0.

0 Kudos
17 Replies
KittyHurley
Esri Contributor

Hi @ForrestLin, wasn't able to reproduce the installation with the calcite-components-examples angular example. If you could create an isolated example to share where we could reproduce, you could file a bug issue for the team to investigate and prioritize for a future release.

0 Kudos
ForrestLin
Frequent Contributor

Is it possible for you to create a Esri case and for me to share screen with you?

ForrestLin_0-1701975633696.png

 

0 Kudos
KittyHurley
Esri Contributor

To file a support case, please visit Esri technical support.

0 Kudos
ForrestLin
Frequent Contributor

I'll go to Esri technical support to file a support case.

Thanks.

0 Kudos
ShaneBuscher1
Regular Contributor

 

I am having the same problem with esri/calcite-components-angular 2.4.0 and Angular 16. By chance did you resolve?

hOhMhfyoN5.png

0 Kudos
ForrestLin
Frequent Contributor

No lucky for me.😂

0 Kudos
MarkW
by Esri Contributor
Esri Contributor

Hello Shane, 

I was able to resolve this issue by adding "allowSyntheticDefaultImports": true to the tsconfig.json file for the app, and running 'npm i --save-dev @types/sortablejs'. 

Hopefully this works for you. 

Mark W
0 Kudos
ForrestLin
Frequent Contributor

Hello Mark,

I have resolved this issue by adding "allowSyntheticDefaultImports": true to the tsconfig.json, and running 'npm i --save-dev @types/sortablejs'. But I'm not able to show the map.

 

Could you please provide an example with map?

This example doesn't have map:

https://github.com/Esri/calcite-components-examples/tree/main/angular

 

Thanks.

0 Kudos
ForrestLin
Frequent Contributor
 I have fixed the issue of not showing map. The calcite-shell needs to set to be content-behind.
<calcite-shell content-behind>
      <app-esri-map></app-esri-map>
</calcite-shell>
0 Kudos