VUE引入DataV报错解决实战记录

DataV官网（不支持Vue3）：Welcome | DataV

一、按照官网引入后报错

【1】报错提示

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项index.js改为index.mjs

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

【2】报错：does not provide an export named 'default' 

问题原因：

第三方文件没有通过export default来导出不存在默认的对象。

解决方法：

（1）import 模块时，导入所有

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

（2）或者按需导入对应模块

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

【3】引入时报类型错误

报错信息：

没有与此调用匹配的重载。
第 1 个重载(共 2 个)，“(plugin: Plugin<[{ classNamePrefix: string; }]>, options_0: { classNamePrefix: string; }): App<Element>”，出现以下错误。
类型“typeof import("g:/WSwork/vue-project/large-screen/large-screen/node_modules/@dataview/datav-vue3/es/index")”的参数不能赋给类型“Plugin<[{ classNamePrefix: string; }]>”的参数。
第 2 个重载(共 2 个)，“(plugin: Plugin<{ classNamePrefix: string; }>, options: { classNamePrefix: string; }): App<Element>”，出现以下错误。
类型“typeof import("g:/WSwork/vue-project/large-screen/large-screen/node_modules/@dataview/datav-vue3/es/index")”的参数不能赋给类型“Plugin<{ classNamePrefix: string; }>”的参数。

报错原因：

        vue使用typescript，所以需要在*.d.ts文件中进行声明

解决方法：

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

总结

到此这篇关于VUE引入DataV报错解决的文章就介绍到这了,更多相关VUE引入DataV报错内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！