В vue2 проекте используется element-ui и vite.
Есть компонент таблицы (для примера)
<template>
<el-table border stripe :data="tableData">
<el-table-column label="name" prop="name" />
<el-table-column label="age" prop="age" />
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
{ name: 'tester', age: 20 },
{ name: 'tester2', age: 22 },
],
}
},
}
</script>
При dev режиме таблицу видно, но после команды vite build, в итогом билде таблица пустая (нет колонк, нет строк). В инспекторе видно, что нет верстки внутри тела таблицы.
Методом перебора узнал, что если использовать vite версии 3 - все работает, таблица отображается после билда. Но при переходе с vite 3 на vite 4 и выше возникает эта проблема.
Если я правильно понял, то проблема в инструменте rollup, который собирает проект для билда. В vite 3 используется 2 версия rollup. А в vite 4 и выше используется rollup 3 и выше. Я перебрал много разных опций rollup в vite.config.js, отключал все оптимизации и т.д. Но результатов это не дало. Может кто-то сталкивался с таким?