fix: routing is not working & ionicons not importing correctly
メンテナーはふだん 1 日以内に返信
まだ誰も着手していません。
評価
- 難易度
- 4/5
- 見積もり時間
- 3〜5日
- 初心者へのやさしさ
- 25/100
調査の方向性
リンクされた ionic-nuxt-3 の再現コードから始め、app.vue と components/Ui/Tabs.vue を調査してから、pages/tabs/Home.vue と pages/tabs/Schedule.vue を確認します。タブの変更とアイコンエラーを再現し、両方のタブが個別にルーティングされ、両方のアイコンが正しく import されて表示されたら、issue は完了とします。
索引モデルが issue の本文から書いたものです。
説明
🐛 The bug
routing is absolutely broken with me, in addition to the issue that nothing works unless i install @ionic/vue
and icons are not importing correctly
icons error:
what happens when I change tabs:
as you can see the tabs just get displayed together
if I change tabs again this comes in the console:
app.vue:
<template lang="pug">
ionApp
UiTabs
</template>
components/Ui/Tabs.vue:
<template lang="pug">
ionPage
ionTabs
ionRouterOutlet
//- https://ionicframework.com/docs/vue/navigation#working-with-tabs
ionTabBar(slot="bottom")
ionTabButton(tab="home" href="/tabs/home")
ionIcon( :icon="ioniconsHome" )
ionLabel Home
ionTabButton(tab="schedule" href="/tabs/schedule")
ionIcon( :icon="ioniconsCalendar" )
ionLabel Schedule
</template>
pages/tabs/Home.vue
<template lang="pug">
h1 this is the home tab
</template>
pages/tabs/Schedule.vue
<template lang="pug">
h1 this is the schedule tab
</template>
🛠️ To reproduce
https://github.com/NyllRE/ionic-nuxt-3
🌈 Expected behaviour
- tabs change correctly
- icons get imported and displayed
ℹ️ Additional context
I tried to remake the project multiple times and these errors keep coming, I install @nuxtjs/ionic and no component is known, I install @ionic/vue and the routing is broken, I install @ionic/vue-routing and the ionicons are not working and the routing is broken. nothing seems to be working fine with my experience
- 主要言語
- TypeScript
- スター
- 458
- フォーク
- 53
- 平均マージ
- 16時間 55分
- マージ済み PR（30日）
- 24
環境構築
このプロジェクトには開発コンテナ、Dockerfile、コントリビューションガイドがありません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
nuxt-modules/ionic のほかの issue
-
`useHead` does not resolve reactive input on the client対応中かも @Carpediem94 が 56 日前に担当しました。 オープンbug
難易度 3/5 1〜2日 初心者へのやさしさ 74/100
nuxt-modules/ionic#1004 ·
メンテナーはふだん 1 日以内に返信
-
bug
難易度 4/5 3〜5日 初心者へのやさしさ 35/100
nuxt-modules/ionic#908 · リアクション 2 件 ·
メンテナーはふだん 1 日以内に返信
-
bug
難易度 1/5 1時間未満 初心者へのやさしさ 35/100
nuxt-modules/ionic#867 ·
メンテナーはふだん 1 日以内に返信
-
bug needs reproduction
難易度 4/5 3〜5日 初心者へのやさしさ 25/100
nuxt-modules/ionic#696 ·
メンテナーはふだん 1 日以内に返信
-
IonCardオープンbug
難易度 3/5 1〜2日 初心者へのやさしさ 25/100
nuxt-modules/ionic#610 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信
nuxt-modules/ionic の issue をすべて見る
似ている issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
rajbos/ai-engineering-fluency#2340 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信
-
community documentation first-timers-only good first issue hacktoberfest help wanted low hanging fruit up-for-grabs
難易度 1/5 1時間未満 初心者へのやさしさ 70/100
lingdojo/kana-dojo#31864 · コメント 1 件 · リアクション 5 件 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
zenstackhq/zenstack#2873 ·
メンテナーはふだん 1 日以内に返信
-
CLI: TUI shows onboarding when the provider's API key is only in the environment (e.g. OPENROUTER_API_KEY)対応中かも このイシューにリンクされたプルリクエストがオープン中、またはマージ済みです。 オープンCLI
難易度 2/5 1〜3時間 初心者へのやさしさ 67/100
cline/cline#14923 · コメント 2 件 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 76/100
paperclipai/paperclip#15490 ·
メンテナーはふだん 1 日以内に返信