Vue-cli3 failed to introduce mint-ui

the latest vue scaffolding, vue-cli3 failed to introduce mint-ui completely according to the tutorial on the official website of mint-ui.

import Vue from "vue"
import MintUI from "mint-ui"
import "mint-ui/lib/style.css"
import App from "./App.vue"

Vue.use(MintUI)

new Vue({
  el: "-sharpapp",
  components: { App }
})

want to know how the latest vue-cli3 introduces mint-ui, for help. -sharp-sharp-sharp problem description

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

related codes

/ / Please paste the code text below (do not replace the code with pictures)

what result do you expect? What is the error message actually seen?

Jan.28,2022

take a look at your package.json to see if you have mint-ui dependencies installed.


mint-ui does not support vue3.0 yet


look at the time, the landlord should have solved it, and I have also met and solved
record the crawl trip:

1.npm intall mint-ui  --save  

2.npm install babel-plugin-component  //

3. babel.config.js 

module.exports = {
  presets: [
    '@vue/app'
  ],
  plugins:[
      [
        "component",
        {
          "libraryName": "mint-ui",
          "style": true
        }
      ]
  ]
}



module.exports = {
  presets: [
    '@vue/app'
  ],
  plugins: [
    "transform-vue-jsx",
    "transform-runtime",
    ["component", [
      {
        "libraryName":"mint-ui",
        "style":true
      }
      ]
    ]
  ]
}

4. main.js  

import { Switch, Range } from 'mint-ui'
import 'mint-ui/lib/style.css'

Vue.component(Switch.name, Switch)
Vue.component(Range.name, Range)     //Vue.use 

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1ea5eac-1d94.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1ea5eac-1d94.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?