Vux component reference error

I find that I report an error every time I reference a vux component

 ERROR  Failed to compile with 1 errors                                                                                                                                                                          01:23:09
 error  in ./node_modules/_vux@2.9.1@vux/src/components/v-chart/mixin.js

Module parse failed: Unexpected token (18:6)
You may need an appropriate loader to handle this file type.
|     this.$parent.set(this.chartName, {
|       shape: defaultShapeMap[this.chartName] || "",
|       ...this.$props,
|       ...camelAttrs(this.$attrs)
|     })

 @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./node_modules/_vux@2.9.1@vux/src/components/v-chart/v-line.vue 2:0-27
 @ ./node_modules/_vux@2.9.1@vux/src/components/v-chart/v-line.vue
 @ ./node_modules/_vux@2.9.1@vux/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

main.js is as follows:

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from "vue"
import App from "./App"
import router from "./router"
import MetaInfo from "vue-meta-info"
import { Icon } from "vux"

Vue.config.productionTip = false
Vue.use(MetaInfo)
Vue.component("icon", Icon)


/* eslint-disable no-new */
new Vue({
  el: "-sharpapp",
  router,
  components: { App },
  template: "<App/>"
})

I don"t know what the reason is?
is it caused by incorrect introduction of vux?

Mar.18,2021

change the title to Big Brother first. Vux cannot be used in this way directly. Take a look at the document
https://doc.vux.li/zh-CN/inst.
vux2 must be used with vux-loader. Please refer to the following code for configuration in build/webpack.base.conf.js:


Please refer to the following code in build/webpack.base.conf.js to configure
clipboard.png

.
Menu