DataV官網(wǎng)（不支持Vue3）：Welcome | DataV

一、按照官網(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' 

問題原因：

第三方文件沒有通過export default來導(dǎo)出不存在默認(rèn)的對象。

解決方法：

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

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

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

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

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

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

沒有與此調(diào)用匹配的重載。
第 1 個(gè)重載(共 2 個(gè))，“(plugin: Plugin<[{ classNamePrefix: string; }]>, options_0: { classNamePrefix: string; }): App<Element>”，出現(xiàn)以下錯(cuò)誤。
類型“typeof import("g:/WSwork/vue-project/large-screen/large-screen/node_modules/@dataview/datav-vue3/es/index")”的參數(shù)不能賦給類型“Plugin<[{ classNamePrefix: string; }]>”的參數(shù)。
第 2 個(gè)重載(共 2 個(gè))，“(plugin: Plugin<{ classNamePrefix: string; }>, options: { classNamePrefix: string; }): App<Element>”，出現(xiàn)以下錯(cuò)誤。
類型“typeof import("g:/WSwork/vue-project/large-screen/large-screen/node_modules/@dataview/datav-vue3/es/index")”的參數(shù)不能賦給類型“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)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論