element-plus 1.1.0-beta.10 引入后报错的问题解决

最新推荐文章于 2024-03-09 10:45:40 发布

落樱丶哦

最新推荐文章于 2024-03-09 10:45:40 发布

阅读量3.4k

点赞数 1

分类专栏：学习小问题文章标签： vue.js javascript node.js

本文链接：https://blog.csdn.net/muzhibenying001/article/details/120288610

版权

学习小问题专栏收录该内容

2 篇文章 0 订阅

订阅专栏

报错信息

 ERROR  Failed to compile with 47 errors 
 
error  in ./node_modules/@vueuse/core/index.mjs
Can't import the named export 'watchWithFilter' 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)

发现问题

今天准备搭建一个新vue项目时，发现引入element-plus时报错了。很莫名其妙的，因为老项目也是这样引用的，仔细读文档发现element刚好在昨天更新到了1.1.0-beta.10版本，而我在安装时没有指定版本直接安装了最新版的，这个版本在使用webpack版本时才会出现，即使用了npm install element-plus --save命令安装。

解决方法

在vue.config.js中加入配置：

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