Vue version

3.2.45

Link to minimal reproduction

https://github.com/jiangteng2019/project-template

Steps to reproduce

After the project can be started normally, when a hot-reload is triggered(Modify anywhere) in the AppLayout.vue component, the "Cannot read properties of null (reading 'style')" error is thrown.

What is expected?

hot-reload can display locally modified content.

What is actually happening?

AppLayout.vue component hot-reload will directly lead to an error.

System Info

System: windows 10
Browsers: chrome 110.0.5481.104

Any additional comments?

Error stack： runtime-core.esm-bundler.js:573 TypeError: Cannot read properties of null (reading 'style') at patchStyle (runtime-dom.esm-bundler.js:104:22) at patchProp (runtime-dom.esm-bundler.js:371:9) at patchProps (runtime-core.esm-bundler.js:5444:21) at patchElement (runtime-core.esm-bundler.js:5393:13) at processElement (runtime-core.esm-bundler.js:5199:13) at patch (runtime-core.esm-bundler.js:5116:21) at patchKeyedChildren (runtime-core.esm-bundler.js:5883:17) at patchChildren (runtime-core.esm-bundler.js:5826:21) at patchElement (runtime-core.esm-bundler.js:5339:13) at processElement (runtime-core.esm-bundler.js:5199:13)