老項(xiàng)目(Webpack + Vue2.x)改造為Vite腳手架寺酪，出現(xiàn)一個詭異的問題输涕，項(xiàng)目中的el-table無法顯示了...最騷的是沒有任何報(bào)錯盐数。
經(jīng)過反復(fù)試驗(yàn)埂淮、重裝依賴姑隅，降級Element-UI版本等操作，也無法解決該問題倔撞，后來找到一篇解決方案《Vite + Vue2.7 + elementUI2.15.10 讲仰，el-table 無法顯示、el-table不渲染痪蝇、el-table不報(bào)錯》鄙陡，終于發(fā)現(xiàn)了問題的關(guān)鍵所在。
image.png
package.json中躏啰，VUE的版本是 ^2.6.14趁矾，實(shí)際安裝的版本為2.7.14，問題就出在這给僵。
"vue": "^2.6.14", // 實(shí)際安裝版本2.7.14
項(xiàng)目是vue2的毫捣，使用了vite-plugin-vue2插件，但是2.7及以后帝际，則需要安裝vitejs/vite-plugin-vue2蔓同，于是卸載vite-plugin-vue2，安裝了 @vitejs/plugin-vue2胡本。
發(fā)現(xiàn)el-table組件可以正常渲染了牌柄，至此問題解決。
追加：
后來改造其他老項(xiàng)目侧甫，運(yùn)行項(xiàng)目時npm run dev報(bào)錯：
TypeError: vite.createFilter is not a function
這是因?yàn)樯河叮瑅ite插件與vite版本不兼容導(dǎo)致的蹋宦，升級下vite即可。
npm install -D vite@^3
