topic Re: Vite + React + Calcite-components-react - errors during load in Calcite Design System Questions

Vite + React + Calcite-components-react - errors during load

AlexRyzhov — Sat, 26 Aug 2023 10:07:52 GMT

I am trying to use @esri/calcite-components-react with Vite + React.
I'v created some basic app with "npm create vite@latest" command , installed @esri/calcite-components-react and copied calcite components code from sample repo (https://github.com/Esri/calcite-components-examples/tree/master/react).

Everything is working as expected, but there are 100 error in console during the loading process like this:
Uncaught (in promise) TypeError: Failed to resolve module specifier '@esri/calcite-components/dist/components/calcite-accordion.js'

I'v created repo with my sample https://github.com/AlexanderRyzhov/vite-react-calcite

Steps to reproduce the problem:
1. clone the repo
2. run "npm install"
3. run "npm run dev"
Open http://localhost:5174/ in a browser and open devTools - there should be erros during loading.

Can anyone help me to fix this problem?

Re: Vite + React + Calcite-components-react - errors during load

KittyHurley — Wed, 30 Aug 2023 15:02:51 GMT

Hi @AlexRyzhov, this is a regression bug introduced in 1.5.0. There is a planned fix in the upcoming 1.7.0 release, targeted for release in the next week. In the meantime the 1.4.3 release will provide no errors. Can update this issue as soon as 1.7.0 is available for use, and apologies for the inconvenience.

Re: Vite + React + Calcite-components-react - errors during load

KittyHurley — Fri, 01 Sep 2023 23:13:11 GMT

The regression was not mitigated in the 1.7.0 release yesterday. Additional research is planned in the effort, and Calcite is working towards a fix in the near future.

Re: Vite + React + Calcite-components-react - errors during load

KittyHurley — Fri, 08 Sep 2023 15:45:45 GMT

@AlexRyzhov The issue has been mitigated in this week's 1.8.0 release.

Re: Vite + React + Calcite-components-react - errors during load

andreamangeruca — Fri, 01 Dec 2023 09:47:55 GMT

I have the same problem with @esri/calcite-components-exemple/vue.

on the console I see many warn like this:

[Vue warn]: Failed to resolve component: calcite-icon If this is a native custom element, make sure to

exclude it from component resolution via compilerOptions.isCustomElement.

Could you please help me?

Many thanks