fix: routing is not working & ionicons not importing correctly
维护者通常 1 天内回复
还没有人认领这个 Issue。
评估
调研方向
从链接的 ionic-nuxt-3 复现开始,检查 app.vue 和 components/Ui/Tabs.vue,然后检查 pages/tabs/Home.vue 和 pages/tabs/Schedule.vue。复现选项卡变化和图标错误,并在两个选项卡都能分别进行路由且两个图标都能正确导入和显示时,视为该 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 分钟
- 30 天内合并 PR
- 24
环境准备
这个项目没有提供开发容器、Dockerfile 或贡献指南,环境需要你自己搭建:先看它的 README,通用步骤见我们的新手贡献指南。
从这里开始
- 先读完整个 Issue,再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库,在一个分支上完成修改。
- 提交 Pull Request,并在描述里引用这个 Issue 编号。
nuxt-modules/ionic 的其他 Issue
-
`useHead` does not resolve reactive input on the client可能已有人在做 @Carpediem94 于 59 天前认领。 未关闭bug
难度 3/5 1-2 天 新手友好度 74/100
nuxt-modules/ionic#1004 ·
维护者通常 1 天内回复
-
bug
难度 4/5 3-5 天 新手友好度 35/100
nuxt-modules/ionic#908 · 2 个 reaction ·
维护者通常 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
-
难度 1/5 1 小时以内 新手友好度 72/100
supadata-ai/mcp#27 ·
-
bug
难度 2/5 1-3 小时 新手友好度 72/100
capricorn86/happy-dom#2485 ·
维护者通常 2 天内回复
-
难度 2/5 1-3 小时 新手友好度 66/100
siyuan-note/siyuan#20430 · 1 条评论 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 70/100
维护者通常 2 天内回复
-
难度 2/5 1-3 小时 新手友好度 70/100
Albert-Weasker/niubigeo#194 ·
维护者通常 1 天内回复