vue3+ts的项目无法使用DataV 大屏数据展示组件库(解决报错的问题)以及patch-package插件怎么打补丁包。

创建项目

创建vue3加上ts 的项目,然后下载 DataV 这个组件库网址在这 http://datav.jiaminghi.com/

当创建完成之后然后去启动,会发现相项目报错了 Could not find a declaration file for module '@jiaminghi/data-view'

vue3+ts的项目无法使用DataV 大屏数据展示组件库(解决报错的问题)以及patch-package插件怎么打补丁包。_第1张图片

 当我开开心心的 npm run serve 我k报错了

vue3+ts的项目无法使用DataV 大屏数据展示组件库(解决报错的问题)以及patch-package插件怎么打补丁包。_第2张图片

 报错简单那就解决他把,作为程序员不是在写bug,就是在解决bug的路上

 看报错就该是这个包不支持ts,在shims-vue.d.ts加上就 ok了

declare module '@jiaminghi/data-view'

vue3+ts的项目无法使用DataV 大屏数据展示组件库(解决报错的问题)以及patch-package插件怎么打补丁包。_第3张图片

 然后去解决key的问题,这里需要修改ndoe_modules文件

vue3+ts的项目无法使用DataV 大屏数据展示组件库(解决报错的问题)以及patch-package插件怎么打补丁包。_第4张图片

 vue3+ts的项目无法使用DataV 大屏数据展示组件库(解决报错的问题)以及patch-package插件怎么打补丁包。_第5张图片

 再次 npm run serve 我k项目跑起来了,但是我改了node_modules包啊万一下次在下载呢,我是不是还要重新的去修改node_modules包呢?

vue3+ts的项目无法使用DataV 大屏数据展示组件库(解决报错的问题)以及patch-package插件怎么打补丁包。_第6张图片

 

patch-package 插件,你再也不需要你2次修改node_modules包了

来look look 吧 patch-package 插件的使用 这个是地址 patch-package

一方面,它能记录第三方库代码的改动,另一方面也能将改动同步到团队每个成员。

 npm i patch-package -D

vue3+ts的项目无法使用DataV 大屏数据展示组件库(解决报错的问题)以及patch-package插件怎么打补丁包。_第7张图片

  "scripts": {
    "postinstall": "patch-package"
  },

vue3+ts的项目无法使用DataV 大屏数据展示组件库(解决报错的问题)以及patch-package插件怎么打补丁包。_第8张图片 执行安装打补丁的包,patch-package让应用程序作者可以立即对 npm 依赖项进行修复。对于我们这些生活在最前沿的人来说,这是一个重要的创可贴。

npm install @jiaminghi/data-view

vue3+ts的项目无法使用DataV 大屏数据展示组件库(解决报错的问题)以及patch-package插件怎么打补丁包。_第9张图片

 vue3+ts的项目无法使用DataV 大屏数据展示组件库(解决报错的问题)以及patch-package插件怎么打补丁包。_第10张图片

 作者有两把刷子

你可能感兴趣的:(项目中的问题,vue.js,前端,javascript,DataV)