No Hot reload import For Webpack 4 (draft - will provide Reproduction Repos in few days)

[Wakanlolz]

Describe the bug

Problem: When running the server with npm run dev and adding a new component file, the hot reload feature does not detect and import the new component automatically. Instead, it requires stopping the server and restarting it for the new component to be recognized.

Environment:

• webpack: 4.46.0
• webpack-cli: 3.3.12

Observations:

• The hot reload feature is not functioning as expected when adding new component files.
• A workaround involves manually stopping the server and re-running npm run dev to incorporate the new component.

References:

• MR #423(mentioning a fix for a similar issue in vue-cli, but not applicable to this webpack setup)

Reproduction

WIP

System Info

System:
    OS: Windows 11 10.0.22631
    CPU: (8) x64 Intel(R) Core(TM) i7-1065G7 CPU @ 1.30GHz
    Memory: 5.80 GB / 23.79 GB
  Binaries:
    Node: 16.14.2 - C:\Program Files\nodejs\node.EXE
    npm: 8.6.0 - C:\Program Files\nodejs\npm.CMD
    pnpm: 7.9.5 - ~\AppData\Roaming\npm\pnpm.CMD
  Browsers:
    Edge: Chromium (123.0.2420.81)
    Internet Explorer: 11.0.22621.1

Used Package Manager

npm

Validations

• [X] Follow our Code of Conduct
• [X] Read the Contributing Guide.
• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• [X] Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• [X] The provided reproduction is a minimal reproducible of the bug.

[Wakanlolz]

migrated to vite 4 🧇