快捷導(dǎo)航

vue3使用vue3-print-nb main.ts報(bào)錯(cuò)聲明文件找不到的解決

更新時(shí)間：2025年07月27日 14:47:55 作者：-風(fēng)過(guò)無(wú)痕

在Vue3中使用vue3-print-nb時(shí),因第三方包類型文件缺失導(dǎo)致全局引入報(bào)錯(cuò),手動(dòng)聲明可解決,打印預(yù)覽需清除標(biāo)題、地址等樣式以優(yōu)化輸出,理解原理靈活應(yīng)對(duì)問(wèn)題

在vue3使用vue3-print-nb發(fā)現(xiàn)組件在全局引入報(bào)錯(cuò)-找不到聲明類型文件
當(dāng)我們運(yùn)行之后發(fā)現(xiàn)-是可以正常調(diào)用打印頁(yè)面和正常打印的-語(yǔ)法在報(bào)錯(cuò)
這是第三方包的缺陷類型文件出現(xiàn)問(wèn)題 - 手動(dòng)在項(xiàng)目聲明即可
打印預(yù)覽時(shí)候，會(huì)有標(biāo)題，地址，時(shí)間影響，組件不提供，使用樣式清除

代碼實(shí)現(xiàn)

1.項(xiàng)目全局搜索文件en.v.ts 文件 - 注意不同項(xiàng)目可能不叫這個(gè)名字

2.可以全局搜索代碼 - declare module - 結(jié)尾是.ts結(jié)尾就是

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

3.此時(shí)回到main.ts發(fā)現(xiàn)沒(méi)報(bào)錯(cuò) - 可關(guān)閉重新打開(kāi)

// 第三方包缺陷 - 須在globals.d.ts 文件聲明類型
import print from 'vue3-print-nb'

app.use(print);

細(xì)節(jié)處理-去除左上角時(shí)間中間標(biāo)題左下角本地地址路徑

@media print {

    //打印的樣式
    //隱藏頁(yè)眉頁(yè)尾
    @page {
        margin: 3mm;
        size: auto;
    }
}

總結(jié)

經(jīng)過(guò)這一趟流程下來(lái)相信你也對(duì) vue3 使用vue3-print-nb main.ts報(bào)錯(cuò)聲明文件找不到有了初步的深刻印象，但在實(shí)際開(kāi)發(fā)中我們遇到的情況肯定是不一樣的，所以我們要理解它的原理，萬(wàn)變不離其宗。

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Vue中的event對(duì)象介紹
這篇文章介紹了Vue中的event對(duì)象，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-03-03
vite+vue3項(xiàng)目集成ESLint與prettier的過(guò)程詳解
這篇文章主要介紹了vite+vue3項(xiàng)目中集成ESLint與prettier的相關(guān)知識(shí)，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2023-09-09
vue.js+element 默認(rèn)提示中英文操作
這篇文章主要介紹了vue.js+element 默認(rèn)提示中英文實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2020-11-11
Vue.js組件tabs實(shí)現(xiàn)選項(xiàng)卡切換效果
這篇文章主要為大家詳細(xì)介紹了Vue.js組件tabs實(shí)現(xiàn)選項(xiàng)卡切換效果的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
vue業(yè)務(wù)實(shí)例之組件遞歸及其應(yīng)用
目中出現(xiàn)多級(jí)菜單時(shí),需要多層for循環(huán)時(shí),但是當(dāng)菜單增加層級(jí)時(shí),需要在頁(yè)面結(jié)構(gòu)中增加一層for循環(huán),這時(shí)我們可以使用組件遞歸的思想來(lái)實(shí)現(xiàn),下面這篇文章主要給大家介紹了關(guān)于vue業(yè)務(wù)實(shí)例之組件遞歸及其應(yīng)用的相關(guān)資料,需要的朋友可以參考下
2022-05-05
Vuex 進(jìn)階之模塊化組織詳解
這篇文章主要介紹了Vuex 進(jìn)階之模塊化組織詳解，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-01-01
前端Nuxt打包部署的幾種方式詳細(xì)說(shuō)明
Nuxt支持SSR、SPA、SSG三種部署模式,各有不同適用場(chǎng)景,這篇文章主要介紹了前端Nuxt打包部署的幾種方式,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下
2025-06-06
vue3中動(dòng)態(tài)組件的踩坑記錄分享
這篇文章主要為大家詳細(xì)分享一下vue3中動(dòng)態(tài)組件遇到的問(wèn)題,分別是動(dòng)態(tài)組件綁定問(wèn)題和動(dòng)態(tài)組件的方法導(dǎo)出問(wèn)題,有需要的小伙伴可以參考一下
2024-12-12
詳解Vue Elementui中的Tag與頁(yè)面其它元素相互交互的兩三事
這篇文章主要介紹了詳解Vue Elementui中的Tag與頁(yè)面其它元素相互交互的兩三事,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-09-09
Vue3的效率提升主要表現(xiàn)在哪些方面示例解析
Vue3帶來(lái)了許多性能優(yōu)化和效率提升的特性，本文將重點(diǎn)討論Vue3在靜態(tài)提升、預(yù)字符串化、緩存事件處理函數(shù)、Block?Tree和PatchFlag方面的改進(jìn)，我們將通過(guò)對(duì)比Vue2和Vue3的編譯結(jié)果來(lái)說(shuō)明這些方面的效率提升
2023-12-12