ionic-team / ionic-team/ionicons

bug: Incomplete export causes bundler error with Ionic Framework

Open
#1,458 1 comment 0 reactions 0 assignees View on GitHub
triage
Dominant language
TypeScript
Stars
18.2k
Forks
2.1k
PR merge metrics
No merged PRs in 30d

Description

### Current Behavior

In the source file [`packages/vue/src/components/IonIcon.ts`](https://github.com/ionic-team/ionic-framework/blob/d52b253fa0903441fb36e147f2f5b90ccb538de9/packages/vue/src/components/IonIcon.ts#L4) for Ionic framework, there is an import

```
import { defineCustomElement } from "ionicons/components/ion-icon.js";
```

that is not provided in the `exports` of [`package.json`](https://github.com/ionic-team/ionicons/blob/a9556e4901e7004ce4c11a3754569a3942d1ef54/package.json) for **Ionicons**, and this causes bundler problems. I am not able to build with Vite and Ionicons 8.x, and narrowed it to the partial export.

```
Missing "./components/ion-icon.js" specifier in "ionicons" package [plugin vite:dep-pre-bundle]
```

Is this an Ionicons problem, or an Ionic Framework problem?

### Expected Behavior

Ability to build with a bundler.

### Steps to Reproduce

Use Ionicons 8.x with Ionic Framework 8.6.1 (currently the latest) and build with Vite.

### Code Reproduction URL

_No response_

### Additional Information

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.