报错Can‘t import the named export ‘xxx‘ from non EcmaScript module (only default export is available)

报错：

按照Element官网的文档引入element-plus组件后项目跑不起来了！
如图：

解决方法：

只需要在 vue.config.js 中加入规则配置再重新npm run srve即可

configureWebpack:{
        module: {
            rules: [
                {
                    test: /.mjs$/,
                    include: /node_modules/,
                    type: "javascript/auto"
                },
            ]
        }
    }

原因：

因为官方文档提供的npm install element-plus --save命令引入安装时会引入最新的版本（在安装时没有指定版本）。
这个版本在使用webpack版本时大概率会出现这个问题。