TS报错：You may need an additional loader to handle the result of these loaders.

vue3项目：获取HTML元素的classList时，ref模板引用成功获取 ，document.querySelector能获取元素，但获取classList时报错

const advancedFilter = ref();
advancedFilter.value.classList.add('active');

console.log(document.querySelector('.advanced-filter')); //成功获取到HTML元素
console.log(document.querySelector('.advanced-filter')?.classList); // 报错

 成功获取到元素

 

从元素获取classList时报错

报错详情

原因：TS无法确定获取到的数据类型

 解决方式：TS类型断言

console.log((document.querySelector('.advanced-filter') as HTMLElement).classList);