On the question of iview on-demand citation, how on earth should it be introduced?

according to the on-demand introduction mode provided by the official website
the import and Vue.use (iView) in the entrance should be removed from
babelrc

  "plugins": ["transform-vue-jsx", "transform-runtime",[
    "import", {
      "libraryName": "iview",
      "libraryDirectory": "src/components"
    }]]

component

<template>
    <div class="task-bar-wrapper">
        <Button>Default</Button>
    </div>
</template>

<script>
    import {Button} from "iview";
    export default {
        components: {
            Button
        },
        data() {
            return {

            }
        }
    }
</script>

error

clipboard.png

Apr.05,2021

my project code is for reference only

{
  "presets": [[
    "env",
    {
      "modules": false
    }
  ], "stage-3"],
  "plugins": [
    "transform-runtime",
    [
      "component", [
        {
          "libraryName": "mint-ui",
          "style": true
        }
      ]
    ]
  ],
  "comments": false
}
Menu