报错:

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

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐