The self-written vue plug-in cannot be used after being packaged with webpack

problem description

Today, I tried to write my own vue plug-in. During the test, no problem can be displayed normally. Then when I sent it to npm to introduce the project, I found that it didn"t work, and I couldn"t find a solution for a long time.

the environmental background of the problems and what methods you have tried

cannot be used normally

error [Vue warn]: Unknown custom element: < hello >-did you register the component correctly? For recursive components, make sure to provide the "name" option.
{
  "name": "chsm-test2",
  "version": "0.1.1",
  "main": "dist/index.js",
  "license": "MIT",
  "scripts": {
    "start": "webpack-dev-server --open --config webpack.dev.js",
    "build": "webpack --config webpack.prod.js"
  },
  "dependencies": {
    "vue": "^2.5.21"
  },
  "devDependencies": {
    "clean-webpack-plugin": "^1.0.0",
    "css-loader": "^2.1.0",
    "html-webpack-plugin": "^3.2.0",
    "style-loader": "^0.23.1",
    "vue-loader": "^15.4.2",
    "vue-template-compiler": "^2.5.21",
    "webpack": "^4.28.3",
    "webpack-cli": "^3.1.2",
    "webpack-dev-server": "^3.1.14",
    "webpack-merge": "^4.1.5"
  }
}
Mar.24,2022
Menu