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中的event对象，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-03-03
vite+vue3项目集成ESLint与prettier的过程详解
这篇文章主要介绍了vite+vue3项目中集成ESLint与prettier的相关知识，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-09-09
这篇文章主要介绍了vue.js+element 默认提示中英文实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
这篇文章主要为大家详细介绍了Vue.js组件tabs实现选项卡切换效果的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
目中出现多级菜单时,需要多层for循环时,但是当菜单增加层级时,需要在页面结构中增加一层for循环,这时我们可以使用组件递归的思想来实现,下面这篇文章主要给大家介绍了关于vue业务实例之组件递归及其应用的相关资料,需要的朋友可以参考下2022-05-05
这篇文章主要介绍了Vuex 进阶之模块化组织详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-01-01
Nuxt支持SSR、SPA、SSG三种部署模式,各有不同适用场景,这篇文章主要介绍了前端Nuxt打包部署的几种方式,文中通过代码介绍的非常详细,需要的朋友可以参考下2025-06-06
这篇文章主要为大家详细分享一下vue3中动态组件遇到的问题,分别是动态组件绑定问题和动态组件的方法导出问题,有需要的小伙伴可以参考一下2024-12-12
详解Vue Elementui中的Tag与页面其它元素相互交互的两三事
这篇文章主要介绍了详解Vue Elementui中的Tag与页面其它元素相互交互的两三事,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-09-09
Vue3带来了许多性能优化和效率提升的特性，本文将重点讨论Vue3在静态提升、预字符串化、缓存事件处理函数、Block Tree和PatchFlag方面的改进，我们将通过对比Vue2和Vue3的编译结果来说明这些方面的效率提升2023-12-12
最新评论