Vue优化：Uncaught TypeError: Illegal constructor

前端一枚

于 2021-07-07 16:20:44 发布

阅读量3.8k

点赞数 2

分类专栏： element-ui vue3

本文链接：https://blog.csdn.net/u011200562/article/details/118549874

版权

vue3 同时被 2 个专栏收录

16 篇文章

订阅专栏

element-ui

5 篇文章

订阅专栏

本文介绍了在Vue项目中通过externals配置外部依赖以避免编译时的构造函数错误，重点解决了UncaughtTypeError: Illegal constructor问题，特别是针对Element UI 2.14.1版本的调整方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Vue项目进行一个优化，主要是将公共库分离出去不进行编译，遇到报错Uncaught TypeError: Illegal constructor

报错bug：

报错.png

解决办法:

mix.webpackConfig({
    externals: {
        'element-ui': 'Element',
        'axios': 'axios',
        'vue': 'Vue',
        'vue-router': 'VueRouter'
    }
});

将element-ui对应的Element改成全部大写就可以了

我使用的element-ui是2.14.1版本