老师我这么写为什么number.js的HRM并不会生效？

// main.js
import count from "./HRM/count"
import number from "./HRM/number"


count()
number()

if (module.hot) {
    module.hot.accept("./HRM/number", () => {
        console.log("仅仅更新number")
        const number = document.getElementById('number')
        console.log(number, 'number')
            // document.body.removeChild(number)
        number()
    })
}

HRM文件下的count.js

export default function count() {
    let div = document.createElement('div')
    div.innerHTML = 1
    div.onclick = () => {
        div.innerHTML = parseInt(div.innerHTML, 10) + 1
    }
    document.body.appendChild(div)
}

HRM文件下的number.js

export default function number() {
    let div = document.createElement('div')
    div.setAttribute("id", 'number')
    div.innerHTML = '200230';
    document.body.appendChild(div)
}

请问老师我如果把number()函数注释掉就可以正常
// 如果放开注释HRM就不会走进这个函数这是为什么
if (module.hot) {
module.hot.accept("./HRM/number", () => {
console.log(“仅仅更新number”)
const number = document.getElementById(‘number’)
console.log(number, ‘number’)
// document.body.removeChild(number)
// number()
})
}