ionic-team/ionicons

bug: IonIcons not loading after parcel build

Open

#1,215 创建于 2023年5月17日

在 GitHub 查看
 (6 评论) (0 反应) (0 负责人)TypeScript (17,256 star) (2,083 fork)batch import
help wantedtype: bug

描述

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

贡献者指南

技术栈
javascripttypescriptweb components
领域
frontendbuild system
议题类型
bug
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
3
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
1-3 hours
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
active
清晰度议题是否清楚说明期望改动、验收标准和下一步。
mostly clear
前置要求
Basic knowledge of Parcel build toolUnderstanding of ES modules
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
60
研究方向
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.