Cannot register an async component globally in plugin to be used in main project (Vue 2)

Code
Vue2

// plugin project
// index.js
...
export default function install(Vue, options) {
  Vue.component("UIComponent", () => import("./UIComponent.vue"));
}
// main project
// main.js
import MyPlugin from "my-plugin"
Vue.use(MyPlugin)
// main project
// package.json 
"dependencies": {
  ...
  "my-plugin": "^0.1.0"
}

Error when browsing the page using the component

vue.runtime.esm.js?2b0e:619 [Vue warn]: Failed to resolve async component: function () {
    return Promise.all(/* import() */[__webpack_require__.e(2), __webpack_require__.e(1)]).then(__webpack_require__.bind(null, "291c"));
  }
Reason: Error: Loading chunk 2 failed.
(error: http://localhost:8080/js/my-plugin.common.2.js)

In network tab, there are 3 failed request (404).
http://localhost:8080/js/my-plugin.common.1.js
http://localhost:8080/js/my-plugin.common.2.js
http://localhost:8080/js/static/css/1.80f21b35.css

Should be

Vue.component("UIComponent", () => import("./UIComponent.vue"));

Thanks. But it was a typo in the post. In the actual code it was Vue.component not Vue.use. I have updated the original post.