This is only a test related bug.
If a component is loaded async and has a globally registered component in it, it will fail if the loaded component is written with Vue.extend
(for example in typescript).
This repo is a reproduction repository to show this behavior.
To see the error for yourself you can setup the project and execute npm run test:unit
.
In the test you can see this warning:
[Vue warn]: Unknown custom element: <GloballyLoaded> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
To prove that this only occurred for Vue.extend
(typescript) you can change the async loaded component inside the componentLoader to @/components/HelloWorld.vue
to get rid of the error.
Another way to get rid of the error is to load the component sync. To load the component sync you can uncomment the lines in the componentLoader.
npm install
npm run serve
npm run build
npm run test
npm run lint
npm run test:unit