vue 3.0使用element-plus按需导入解决

安装

# NPM
$ npm install element-plus --save

npm install -D unplugin-vue-components unplugin-auto-import

webpack配置文件 即vue.config.js

// webpack.config.js
const AutoImport = require('unplugin-auto-import/webpack')
const Components = require('unplugin-vue-components/webpack')
const { ElementPlusResolver } = require('unplugin-vue-components/resolvers')

module.exports = {
  // ...
  plugins: [
    AutoImport({
      resolvers: [ElementPlusResolver()],
    }),
    Components({
      resolvers: [ElementPlusResolver()],
    }),
  ],
}

 错误信息：

 ERROR  TypeError: AutoImport is not a function

 ERROR  TypeError: Components is not a function

解决方法：

两个问题均为版本问题，默认安装的包版本过高，只需要降低版本即可。

安装代码写为如下，问题解决。

cnpm install -D [email protected] [email protected]