快捷導(dǎo)航

VUE引入DataV報(bào)錯(cuò)解決實(shí)戰(zhàn)記錄

更新時(shí)間：2024年04月24日 09:22:34 作者：zyk_520

在使用vue開(kāi)發(fā)大屏?xí)r,發(fā)現(xiàn)了一個(gè)很好用的可視化組件庫(kù)DataV,下面這篇文章主要給大家介紹了關(guān)于VUE引入DataV報(bào)錯(cuò)解決的實(shí)戰(zhàn)記錄,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下

一、按照官網(wǎng)引入后報(bào)錯(cuò)

【1】報(bào)錯(cuò)提示

Failed to resolve entry for package "@dataview/datav-vue3". The package may have incorrect main/module/exports specified in its package.json.

將 @dataview\datav-vue3/package.json 文件里的 module項(xiàng)index.js改為index.mjs

// "module": "./es/index.js", //修改前
"module": "./es/index.mjs", // 修改后

【2】報(bào)錯(cuò)：does not provide an export named 'default'

問(wèn)題原因：

第三方文件沒(méi)有通過(guò)export default來(lái)導(dǎo)出不存在默認(rèn)的對(duì)象。

解決方法：

（1）import 模塊時(shí)，導(dǎo)入所有

import * as DataV from '@dataview/datav-vue3';
app.use(DataV, { classNamePrefix: 'dv-' });

（2）或者按需導(dǎo)入對(duì)應(yīng)模塊

import {BorderBox1} from '@dataview/datav-vue3';

【3】引入時(shí)報(bào)類(lèi)型錯(cuò)誤

報(bào)錯(cuò)信息：

沒(méi)有與此調(diào)用匹配的重載。
第 1 個(gè)重載(共 2 個(gè))，“(plugin: Plugin<[{ classNamePrefix: string; }]>, options_0: { classNamePrefix: string; }): App<Element>”，出現(xiàn)以下錯(cuò)誤。
類(lèi)型“typeof import("g:/WSwork/vue-project/large-screen/large-screen/node_modules/@dataview/datav-vue3/es/index")”的參數(shù)不能賦給類(lèi)型“Plugin<[{ classNamePrefix: string; }]>”的參數(shù)。
第 2 個(gè)重載(共 2 個(gè))，“(plugin: Plugin<{ classNamePrefix: string; }>, options: { classNamePrefix: string; }): App<Element>”，出現(xiàn)以下錯(cuò)誤。
類(lèi)型“typeof import("g:/WSwork/vue-project/large-screen/large-screen/node_modules/@dataview/datav-vue3/es/index")”的參數(shù)不能賦給類(lèi)型“Plugin<{ classNamePrefix: string; }>”的參數(shù)。

報(bào)錯(cuò)原因：

vue使用typescript，所以需要在*.d.ts文件中進(jìn)行聲明

解決方法：

在env.d.ts文件中增加：declare module '@dataview/datav-vue3';

總結(jié)

到此這篇關(guān)于VUE引入DataV報(bào)錯(cuò)解決的文章就介紹到這了,更多相關(guān)VUE引入DataV報(bào)錯(cuò)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

vue實(shí)現(xiàn)移動(dòng)端touch拖拽排序
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)移動(dòng)端touch拖拽排序，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-07-07
VUE使用docxtemplater導(dǎo)出word文檔實(shí)例(帶圖片)
docxtemplate支持的功能很多,語(yǔ)法包含變量替換、條件判斷、循環(huán)、列表循環(huán)、表格循環(huán)等,下面這篇文章主要給大家介紹了關(guān)于VUE使用docxtemplater導(dǎo)出word功能(帶圖片)的相關(guān)資料,需要的朋友可以參考下
2023-06-06
vue動(dòng)態(tài)綁定background的方法
background是background-color,background-image,background-repeat,background-attachment,background-position,background-size等屬性的縮寫(xiě),本文我用動(dòng)態(tài)綁定background-image來(lái)舉例,感興趣的朋友跟隨小編一起看看吧
2023-10-10
vue實(shí)現(xiàn)組件值的累加
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)組件值的累加，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-09-09
vue項(xiàng)目中使用ueditor的實(shí)例講解
下面小編就為大家分享一篇vue項(xiàng)目中使用ueditor的實(shí)例講解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-03-03
Vue實(shí)現(xiàn)將數(shù)據(jù)庫(kù)中帶html標(biāo)簽的內(nèi)容輸出(原始HTML(Raw HTML))
今天小編就為大家分享一篇Vue實(shí)現(xiàn)將數(shù)據(jù)庫(kù)中帶html標(biāo)簽的內(nèi)容輸出(原始HTML(Raw HTML))，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-10-10
詳解vue 計(jì)算屬性與方法跟偵聽(tīng)器區(qū)別(面試考點(diǎn))
這篇文章主要介紹了詳解vue 計(jì)算屬性與方法跟偵聽(tīng)器區(qū)別(面試考點(diǎn)),小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-04-04
vue中iframe使用以及結(jié)合postMessage實(shí)現(xiàn)跨域通信
這篇文章主要介紹了vue中iframe使用以及結(jié)合postMessage實(shí)現(xiàn)跨域通信方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-09-09
從0搭建vue3組件庫(kù)Input組件
這篇文章主要介紹了從0搭建vue3組件庫(kù)Input組件,每個(gè)功能的實(shí)現(xiàn)代碼都做了精簡(jiǎn),方便大家快速定位到核心邏輯,接下來(lái)就開(kāi)始對(duì)這些功能進(jìn)行實(shí)例代碼講解，需要的朋友可以參考下
2022-11-11
Vue?Router?中?Hash和?History?模式的核心區(qū)別、使用場(chǎng)景
文章詳細(xì)介紹了VueRouter中Hash模式和History模式的核心區(qū)別、底層原理、使用場(chǎng)景及部署注意事項(xiàng),文章還提供了實(shí)戰(zhàn)部署的解決方案和選型建議,感興趣的朋友跟隨小編一起看看吧
2026-01-01