获取元素的宽度，包括伪元素子元素

Question

我有类似的东西：

//sass
.icon {
   padding: 5px;
   &:after {
     content: '#';
   }
 }

 //html
 <div class="icon"></div>

 //js (onload)
 const w = document.querySelector('.icon').getBoundingClientRect().width;

结果（w）小于chrome开发人员工具告诉我的结果。我猜这是因为伪元素（:after）。有没有办法获得元素的完整/实际宽度？

更新

感谢评论我可以找到错误：查询发生时css不存在。