ionic-team/ionicons

bug: IonIcons not loading after parcel build

Open

#1,215 opened on 2023年5月17日

GitHub で見る
 (6 comments) (0 reactions) (0 assignees)TypeScript (17,256 stars) (2,083 forks)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
Issue 種別
bug
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-3 hours
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
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.
bug: IonIcons not loading after parcel build · ionic-team/ionicons#1215 | Good First Issue