vue3按需引入element-plus遇到的问题

vue3项目搭建，包管理器是webpack，按需映入element-plus步骤如下：
1、安装elemnet-plus
由于element-plus我们在运行时也需要使用，所以是生产时依赖
npm install element-plus --save
2、按照官网步骤导入
element-plus官方示例
2.1 安装unplugin-vue-components 和 unplugin-auto-import这两款插件
npm install -D unplugin-vue-components unplugin-auto-import

2.2 在 vue.config.js文件中配置webpack
const {
defineConfig
} = require(‘@vue/cli-service’)
const AutoImport = require(‘unplugin-auto-import/webpack’)
const Components = require(‘unplugin-vue-components/webpack’)
const {
ElementPlusResolver
} = require(‘unplugin-vue-components/resolvers’)

module.exports = defineConfig({
transpileDependencies: true,
lintOnSave: false,
configureWebpack: {
plugins: [
AutoImport({
resolvers: [ElementPlusResolver()],
}),
Components({
resolvers: [ElementPlusResolver()],
}),
],
}
})

3、运行项目
运行脚本 npm run serve报错

查看官网发现没有写法没有问题
https://github.com/antfu/unplugin-auto-import

猜测可能是node版本的问题，查看本地node版本

node版本过低，升级node和npm版本即可