vite 打包后,好好的功能报错了?有没有懂 vite 打包原理的大佬,求解一下 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
devilte
V2EX    Vite

vite 打包后,好好的功能报错了?有没有懂 vite 打包原理的大佬,求解一下

  •  
  •   devilte 2021-11-17 12:59:31 +08:00 3809 次点击
    这是一个创建于 1489 天前的主题,其中的信息可能已经有所发展或是发生改变。

    前端项目,技术栈是 Vue3.x + Vite + TypeScript

    本地运行起来的一切正常,打包上线后,控制台报了错误:

    TypeError: Right-hand side of 'instanceof' is not an object 

    调试之后发现,打包后的源码里,一个 instanceof 方法的左是一个 div 元素对象,这个 div 对象是用来绑定画布用的容器,代码中如下:

     template: <div class="graph" ref="graphRef" id="graphRef"></div> script: const graphRef = ref<HTMLElement | null>(null); 

    报错位置代码如下,图上的这些代码并不是写在项目里的,应该是打包后注入进去的: I4YiC9.png

    现在问题就是不知道 打包后的这些方法使用逻辑是什么?怎么解决这个报错呢?求解

    第 1 条附言    2021-11-17 14:36:25 +08:00
    emmm 大意了,报错的是右边的`Wn.$`,这个玩意儿在调试时候发现这个`$`的值为`undefined`

    画图用的是 joint.js 库,在 joint.js 库里找到了对应的源码

    [![I4BMcQ.png]( https://z3.ax1x.com/2021/11/17/I4BMcQ.png)]( https://imgtu.com/i/I4BMcQ)

    那么就是打包之后`Backbone.$`上的这个`$`没了,这是咋回事呢
    第 2 条附言    2021-11-17 21:24:56 +08:00

    后续:

    知道Backbone有用到jQuery,那这个$应该就是jQuery了,然后手动在项目里安装了jQueryBackbone,然后在入口文件的地方,先手动给Backbone绑定了一下$,果然可以了~

    虽然线上的问题暂时是解决了。但是目前为止,我还是不知道为什么打包后,会把Backbone.$给打包没了,希望后面有知道原理的大佬给指点一下,万分感谢。

    目前尚无回复
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2981 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 27ms UTC 00:33 PVG 08:33 LAX 16:33 JFK 19:33
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86