The problem of webpack4 in vue-router Asynchronous loading component Mode

premise of the problem:
webpack4+vue2+elementui; project development mode runs without errors, and the project packaging production is completely normal.
problems occur:
after running the project in the development environment, the project can be accessed and switched normally for a period of time, and the functional components are normal. After resting for a period of time (time is not fixed, usually after the page has no action for a long time), the page tries to click the switch again and cannot switch, and the browser has been loading all the time. The console reports an error as follows:
Failed to resolve async component default:

clipboard.png
(borrowed figure, but the error content is basically the same)
the problem occurs sporadically and disappears after rerunning the development environment.
ask the boss here what the reason is or what the train of thought is.

Apr.28,2021
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3be66-2c2d9.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3be66-2c2d9.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?