defineAsyncComponent onError
Vue version
3.2.45
Link to minimal reproduction
https://github.com/nestle49/FoodSoul
Steps to reproduce
For reproduction:
- Install packages yarn && yarn dev
- Inside src/pages/MainPage.vue change params inside in this line on non-exist, for example 'Test2' const { dynamicLoadComponent } = useDynamicLoadComponent('Test');
- Refresh page -> infinity loading
If remove onError, SPA working fine
For any projects:
- Create SPA with vue & vite ssr;
- Create dynamically component with defineAsyncComponent;
- Use onError callback inside defineAsyncComponent on ssr;
Crash application with error on server side:
Error: [vite-plugin-ssr@0.4.68] Hook timeout: the render() hook of /renderer/_default.page.server.ts didn't finish after 40 seconds
On client side everything is fine
What is expected?
SPA works with ssr
What is actually happening?
Error: [vite-plugin-ssr@0.4.68] Hook timeout: the render() hook of /renderer/_default.page.server.ts didn't finish after 40 seconds
What is actually happening?
Any ideas
System Info
System:
OS: macOS 13.0.1
CPU: (8) arm64 Apple M1
Memory: 327.75 MB / 16.00 GB
Shell: 5.8.1 - /bin/zsh
Binaries:
Node: 16.15.0 - ~/.nvm/versions/node/v16.15.0/bin/node
Yarn: 1.22.19 - ~/.nvm/versions/node/v16.15.0/bin/yarn
npm: 8.5.5 - ~/.nvm/versions/node/v16.15.0/bin/npm
Browsers:
Chrome: 109.0.5414.119
Firefox: 106.0.1
Safari: 16.1
npmPackages:
vue: ^3.2.45 => 3.2.45
Any additional comments?
No response