触发原因是一次真实的渲染事故:侧栏那些 emoji 图标在非系统字体栈的渲染器里
退化成**豆腐块**(本机截图对比可见)。试过给图标指定 Apple Color Emoji、
全局字体栈加 !important、乃至 font-variant-emoji —— 分别无效或更糟
(最后一招把 ASCII 数字也拆成了 emoji 呈现)。而「哪套字体栈一定带 emoji」
跨平台并不成立,与其赌字形,不如不用。
emoji 图标 → 路由表 meta.icon 字段整体移除,侧栏改纯文字
n-empty 空态插画 → 16 处 :show-icon="false"(空态里的插画比图标更「图形」,
分布在 9 个页面,是最容易漏掉的一类)
n-alert 类型图标 → 7 处(naive-ui 的 showIcon 默认 true,不显式关就在)
n-popconfirm 询问图标 → 3 处
夹在文案里的 ⚠ → TerminalView 的「高权限操作,请谨慎」保留纯文字
严重程度不靠图标也能读:n-alert 仍由 type 的底色/边框区分。
顺带清掉随包的模板残留资产:
public/vite.svg、public/tauri.svg —— public/ 下的文件会被整体复制进产物,
此前等于把 Vite / Tauri 的 logo 一并发出去了(且 index.html 的 favicon 正指向它);
src/assets/vue.svg —— 无人引用;
index.html 的 <title> 还是模板默认的「Tauri + Vue + Typescript App」。
原生窗口标题取自 tauri.conf.json("nodeagent 控制台"),故此前不影响观感,
但与 dev 态浏览器标签页不一致,一并改齐。
「不属界面图标、刻意未动」的三类写明在 CHANGELOG 里:
托盘图标(菜单栏没图标就点不到,关窗后应用无法寻回,属功能必需)、
被控端 CLI 自身打印的文本标记(⚠️/ℹ️/✅,是程序输出内容,非界面元素)、
控件的结构性部件(下拉箭头、折叠箭头、输入框清除钮、表格排序箭头)。
验证:vue-tsc 0 错 | 契约守卫 6/6 | 单测 280/280 | 前端产物内已无任何 svg 与 logo 字样 |
macOS .app 重打通过(92.21 MiB,前端在无 public/ 下亦正常构建)。
Tauri + Vue + TypeScript
This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.