ionic-team/ionicons

bug: IonIcons not loading after parcel build

Open

Aperta il 17 mag 2023

Vedi su GitHub
 (6 commenti) (0 reazioni) (0 assegnatari)TypeScript (17.256 star) (2083 fork)batch import
help wantedtype: bug

Descrizione

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

Guida contributor

Tech stack
javascripttypescriptweb components
Dominio
frontendbuild system
Tipo issue
bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 hours
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
active
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
mostly clear
Prerequisiti
Basic knowledge of Parcel build toolUnderstanding of ES modules
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
60
Direzione di ricerca
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.