vue3 使用vue3-print-nb main.ts报错声明文件找不到

• 在vue3使用vue3-print-nb发现组件在全局引入报错-找不到声明类型文件
• 当我们运行之后发现-是可以正常调用打印页面和正常打印的-语法在报错
• 这是第三方包的缺陷类型文件出现问题 - 手动在项目声明即可
• 打印预览时候，会有标题，地址，时间影响，组件不提供，使用样式清除

代码实现

1.项目全局搜索文件en.v.ts 文件 - 注意不同项目可能不叫这个名字

2.可以全局搜索代码 - declare module - 结尾是.ts结尾就是

declare module 'vue3-print-nb' {
  const plugin: any;
  export default plugin;
}

3.此时回到main.ts发现没报错 - 可关闭重新打开

// 第三方包缺陷 - 须在globals.d.ts 文件声明类型
import print from 'vue3-print-nb'

app.use(print);

细节处理-去除左上角时间 中间标题  左下角本地地址路径

@media print {

    //打印的样式
    //隐藏页眉页尾
    @page {
        margin: 3mm;
        size: auto;
    }
}

---

总结：

经过这一趟流程下来相信你也对 vue3 使用vue3-print-nb main.ts报错声明文件找不到 有了初步的深刻印象，但在实际开发中我 们遇到的情况肯定是不一样的，所以我们要理解它的原理，万变不离其宗。加油，打工人！

有什么不足的地方请大家指出谢谢 -- 風过无痕