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

报错：

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版本时大概率会出现这个问题。