vue3使用vue3-print-nb main.ts报错声明文件找不到的解决
更新时间：2025年07月27日 14:47:55 作者：-風过无痕
在Vue3中使用vue3-print-nb时,因第三方包类型文件缺失导致全局引入报错,手动声明可解决,打印预览需清除标题、地址等样式以优化输出,理解原理灵活应对问题
- 在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报错声明文件找不到 有了初步的深刻印象，但在实际开发中我 们遇到的情况肯定是不一样的，所以我们要理解它的原理，万变不离其宗。
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了Vue CLI3 如何支持less的方法示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-08
这篇文章主要介绍了解决VUE的对话框el-dialog点击外部消失问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-02-02
这篇文章主要介绍了vue使用el-table筛选tree树形结构的数据问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-07-07
Element-Ui组件 NavMenu 导航菜单的具体使用
这篇文章主要介绍了Element-Ui组件 NavMenu 导航菜单的具体使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-10-10
这篇文章主要介绍了vue 验证两次输入的密码是否一致的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-09-09
在我们的项目中需要用到django实现跨域的问题，本文通过示例代码给大家详细介绍django+vue实现跨域的方法，感兴趣的朋友跟随小编一起看看吧2022-03-03
这篇文章主要为大家介绍了Vue之生命周期函数，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-11-11
这篇文章主要介绍了vue监听dom大小改变案例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
详解vuex结合localstorage动态监听storage的变化
这篇文章主要介绍了详解vuex结合localstorage动态监听storage的变化，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-05-05
这几天在开发中遇见的一个关于路由传参后,页面刷新数据丢失的问题,下面这篇文章主要给大家介绍了关于Vue路由传参页面刷新后参数丢失原因和解决办法,需要的朋友可以参考下2022-12-12
最新评论