If directly reference the tsx file, the hot update will not be possible

Version

4.5.4

Reproduction link

https://github.com/maskletter/vue-cli-bug

Environment info


  System:
    OS: macOS Mojave 10.14.6
    CPU: (4) x64 Intel(R) Core(TM) i5-5257U CPU @ 2.70GHz
  Binaries:
    Node: 12.13.1 - /usr/local/bin/node
    Yarn: 1.17.3 - /usr/local/bin/yarn
    npm: 6.12.1 - /usr/local/bin/npm
  Browsers:
    Chrome: 84.0.4147.135
    Edge: Not Found
    Firefox: 72.0.2
    Safari: 12.1.2
  npmPackages:
    @ant-design-vue/babel-helper-vue-transform-on:  1.0.1 
    @ant-design/icons-vue: ^5.1.1 => 5.1.1 
    @vue/babel-helper-vue-jsx-merge-props:  1.0.0 
    @vue/babel-plugin-transform-vue-jsx:  1.1.2 
    @vue/babel-preset-app:  4.5.4 
    @vue/babel-preset-jsx:  1.1.2 
    @vue/babel-sugar-functional-vue:  1.1.2 
    @vue/babel-sugar-inject-h:  1.1.2 
    @vue/babel-sugar-v-model:  1.1.2 
    @vue/babel-sugar-v-on:  1.1.2 
    @vue/cli-overlay:  4.5.4 
    @vue/cli-plugin-babel: ~4.5.0 => 4.5.4 
    @vue/cli-plugin-eslint: ~4.5.0 => 4.5.4 
    @vue/cli-plugin-router: ~4.5.0 => 4.5.4 
    @vue/cli-plugin-typescript: ~4.5.0 => 4.5.4 
    @vue/cli-plugin-vuex: ~4.5.0 => 4.5.4 
    @vue/cli-service: ~4.5.0 => 4.5.4 
    @vue/cli-shared-utils:  4.5.4 
    @vue/compiler-core:  3.0.0-rc.6 
    @vue/compiler-dom:  3.0.0-rc.6 
    @vue/compiler-sfc: ^3.0.0-beta.1 => 3.0.0-rc.6 
    @vue/compiler-ssr:  3.0.0-rc.6 
    @vue/component-compiler-utils:  3.2.0 
    @vue/eslint-config-typescript: ^5.0.2 => 5.0.2 
    @vue/preload-webpack-plugin:  1.1.2 
    @vue/reactivity:  3.0.0-rc.6 
    @vue/runtime-core:  3.0.0-rc.6 
    @vue/runtime-dom:  3.0.0-rc.6 
    @vue/shared:  3.0.0-rc.6 
    @vue/web-component-wrapper:  1.2.0 
    ant-design-vue: ^2.0.0-beta.2 => 2.0.0-beta.2 
    babel-helper-vue-jsx-merge-props:  2.0.3 
    eslint-plugin-vue: ^7.0.0-alpha.0 => 7.0.0-beta.2 
    typescript: ~3.9.3 => 3.9.7 
    vue: ^3.0.0-beta.1 => 3.0.0-rc.6 
    vue-class-component: ^7.2.3 => 7.2.5 
    vue-cli-plugin-vue-next: ~0.1.3 => 0.1.3 
    vue-eslint-parser:  7.1.0 
    vue-hot-reload-api:  2.3.4 
    vue-loader:  15.9.3 (16.0.0-beta.5)
    vue-property-decorator: ^8.4.2 => 8.5.1 
    vue-ref:  2.0.0 
    vue-router: ^4.0.0-alpha.6 => 4.0.0-beta.7 
    vue-style-loader:  4.1.2 
    vue-template-es2015-compiler:  1.9.1 
    vuex: ^4.0.0-alpha.1 => 4.0.0-beta.4 
  npmGlobalPackages:
    @vue/cli: 4.5.4

Steps to reproduce

It is normal to quote [import Abs from'./components/HelloWorld.vue'] and try to edit [src/components/test.tsx]. If you quote [import Abs from'./components/HelloWorld'], then try Edit [src/components/test.tsx], it is abnormal, he has no hot update

What is expected?

Hot update should be normal

What is actually happening?

Not hot update

vuejs / vue-cli

If directly reference the tsx file, the hot update will not be possible #5836