PNPM补丁文件夹替换之后2023.2.9年新报错:

        failed to resolve import "@jiaminghi/color/src" from "node_modules\.pnpm\@jiaminghi+datav-view@2.10.0\node_modules\@jiaminghi\data-view\lib\components\decoration9\src\main.vue". does the file exist?

解决方案:

        拿pnpm举例,找到项目目录node_modules\.pnpm\@jiaminghi+color@开头的文件夹,补丁内的版本是@jiaminghi+color@0.1.1的,将@jiaminghi+color@0.1.1文件夹覆盖到@jiaminghi+color@1.1.3 (后续原作者可能还会更新,最新版本号可以去https://github.com/jiaming743/Color查看)即可。

        最近在制作一个企业大屏,需要一些大屏的插件,然后就找到了一款组件,jiaminghi的data-view,它的边框是我首先较为喜欢的,调用也很简单,一两句简单的html就能完成了,美中不足的是它原生态是支持vue-cli的webpack打包工具,不支持vite,直接引入包,项目会出错的,不过经过站长一周的改造,效果还是蛮可以的,调用的图表组件均加入deep,可以通过API接口动态修改图表数据,官网给的状态更新教程也是针对vue-cli的,虽然比较耗费资源,不过deep还是个不错的解决方案。随带还解决了Uncaught SyntaxError: The requested module '/node_modules/@jiaminghi/bezier-curve/lib/index.js?v=1dc9a735' does not provide an export named 'default'跟vite require is not defined的两个问题,不过类似动态环图跟水位图这些效果,全屏跟退出全屏时可能会错位,展示还是通过iframe来实现屏幕自适应的效果。最后还是夸一夸vite的run dev速度跟打包速度,vue-cli真心没法比,后续希望原作者也能出一个vite版本的dataV。

       目前站长做了npm\cnpm\pnpm的三个兼容版本(目前兼容vite2/vite3+vue3[vite+vue2的版本需要的请私信我]+windows/macos,yarn、npm、pnpm可通用,就是node_modules底层文件位置不一样,找到了自行替换就行了,有需要的请联系站长,站长有时间会整理好放上去的,其实修改原来都差不多,下过来稍微研究下相信大家都能改造),cnpm版本下载地址jiaminghi/data-viewdataVforvite2vue3windows补丁forcnpm-Javascript文档类资源-CSDN下载,pnpm版本下载地址jiaminghi/data-viewdataVforvite2vue3windows补丁forpnpm-Javascript文档类资源-CSDN下载,npm版本/yarn版本通用(支持windows跟macos)下载地址jiaminghi/data-viewdataVforvite2vue3windows补丁fornpm/yarn_jiaminghi/data-view-Javascript文档类资源-CSDN下载,有兴趣的小伙伴可以下载过来研究下的,然后通过patch-package来定制自己的node_modules依赖补丁包(自行度娘下哈,非常简单的操作),这样就npm install的时候就可以自行替换了,项目重装依赖的时候就不用手动去复制粘贴了,这样团队内分享项目也会比较轻松。

        2023.04.14 npm/yarn的项目关于patch-package的简单说明,这里拿npm做下说明:

        ​①安装patch-package,固定@jiaminghi/color版本为0.1.1,这一步很关键,我的补丁是基于0.1.1版本修改过来的

        npm i patch-package

        npm i @jiaminghi/color@0.1.1

        ②下载补丁覆盖压缩包文件夹到node_modules

        ③生成patch-package补丁

        npx patch-package @jiaminghi/c-render

        ​npx patch-package @jiaminghi/charts

        npx patch-package @jiaminghi/color

        npx patch-package @jiaminghi/data-view

        ④package.json中script添加"postinstall":"patch-package"

        ⑤通过git分享给项目中的其他成员,后续通过npm i即可,无需手动复制粘贴补丁文件夹

默认新装报错1

[plugin:vite:vue]

/node_modules/@jiaminghi/data-view/lib/components/decoration6/src/main.vue:8:11

6  |        >

7  |         <rect

8  |            :key="i"

   |             ^

9  |            :fill="mergedColor[Math.random() > 0.5 ? 0 : 1]"

10 |            :x="point[0] - halfRectWidth"

默认报错2:

The requested module '/node_modules/@jiaminghi/c-render/lib/index.js?v=66938fb6' does not provide an export named 'default

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐