热更新不触发

来源:3-2 Vite 中的 HMR 热更新功能

幕木_

2022-03-20

import './style.css'
export function render() {
 document.querySelector<HTMLDivElement>('#app')!.innerHTML = `
  <h1>Hello Vite!</h1>
  <a href="https://vitejs.dev/guide/features.html" target="_blank">Docsuddddddmddssesss111</a>
  `
}

render()
if(import.meta.hot){
  import.meta.hot?.accept(newModule=>{
    console.log(newModule,'newModule');
    newModule.render()
  })  
}

我这段代码就是不触发热更新,还是刷新,但是用这个就可以

import.meta.hot!.accept(newModule=>{
    console.log(newModule,'newModule');
    newModule.render()
  })  ```
  想请教下
 ``
   import.meta.hot?.accept和import.meta.hot!.accept啥区别
   import.meta.hot?在我理解来应该是有hot这个对象就调用accept方法,可是为什么没成功呢
  ``
写回答

1回答

Jokcy

2022-03-31

你确定代码没有其他地方的区别么,理论上这两种结果应该都是可以的,如果hot不存在,`hot!`应该会报错

0
0

Vite 从入门到精通,玩转新时代前端构建法则

从使用到原理到实战的【前端构建】高效学习路线,一次性掌握Vite

788 学习 · 104 问题

查看课程