ionic-team/ionicons

bug: IonIcons not loading after parcel build

Open

#1215 opened on May 17, 2023

View on GitHub
 (6 comments) (0 reactions) (0 assignees)TypeScript (17,256 stars) (2,083 forks)batch import
help wantedtype: bug

Description

Current Behavior

IonIcons not loading after parcel build

Expected Behavior

Icons should load

I am using ionicons for my html. It is working fine with live server. I tried to build with parcel and now they are not loading. icons are loading in network tab but not showing up in build. Please advise. Assume body tag enclosed for html

live server image

parcel build image

console is giving this error : Uncaught SyntaxError: Cannot use import statement outside a module (at ionicons.esm.js:1:1)

sample code

Contributor guide

Tech stack
javascripttypescriptweb components
Domain
frontendbuild system
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
Basic knowledge of Parcel build toolUnderstanding of ES modules
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60
Research direction
Investigate how Parcel handles ES module imports. The error 'Cannot use import statement outside a module' in ionicons.esm.js suggests that the file is not being treated as a module. Check if the project has a 'type': 'module' in package.json or if Parcel requires specific configuration for custom elements. Look at Parcel's documentation for serving web components and ensure that the script tag for ionicons.esm.js includes type='module'. Additionally, review if there is an alternative way to load IonIcons (e.g., using a CDN or a different import method) that works with Parcel builds.