ionic-team/ionicons

bug: IonIcons not loading after parcel build

Open

#1.215 aberto em 17 de mai. de 2023

Ver no 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

Guia do colaborador

Pilha de tecnologia
javascripttypescriptweb components
Domain
frontendbuild system
Tipo Issue
bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 hours
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
active
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
mostly clear
Prerequisites
Basic knowledge of Parcel build toolUnderstanding of ES modules
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
60
Direção de pesquisa
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.