Vue2项目打包时，引入element-ui 配置 CDN 加速时报错 Cannot read properties of undefined (reading ‘prototype‘)

9月前作者：梅雨季节. 分类：Toy博客阅读(52) 违法举报

这篇具有很好参考价值的文章主要介绍了Vue2项目打包时，引入element-ui 配置 CDN 加速时报错 Cannot read properties of undefined (reading ‘prototype‘)。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

Vue2项目打包时，引入element-ui 配置 CDN 加速时报错 Cannot read properties of undefined (reading ‘prototype‘),vue.js,javascript,前端

Vue2项目打包优化时，引入element-ui 配置 CDN 加速时报错出现报错信息：Uncaught TypeError: Cannot read properties of undefined (reading 'prototype')

老师说出现这个问题的原因是，如果你完整引入了 Element，它会为 Vue.prototype 添加如下全局方法：$alert, $promp......

Vue2项目打包时，引入element-ui 配置 CDN 加速时报错 Cannot read properties of undefined (reading ‘prototype‘),vue.js,javascript,前端

所以，如果想要正常使用Element-UI，需要先引入Vue

Vue2项目打包时，引入element-ui 配置 CDN 加速时报错 Cannot read properties of undefined (reading ‘prototype‘),vue.js,javascript,前端

在 externals 下把 vue 也一起配了

Vue2项目打包时，引入element-ui 配置 CDN 加速时报错 Cannot read properties of undefined (reading ‘prototype‘),vue.js,javascript,前端

此时再重新打包，控制台就没有报错了，试了下，项目也能正常运行文章来源地址https://www.toymoban.com/news/detail-569011.html

到了这里，关于Vue2项目打包时，引入element-ui 配置 CDN 加速时报错 Cannot read properties of undefined (reading ‘prototype‘)的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

【VUE】4、VUE项目中引入Element-UI

1、element-ui 官方文档（中文版） 2、安装 element-ui 1、进入项目目录下 2、安装 element-ui 注意： VUE2 使用的是 element-ui，VUE3 使用的是 element-plus 3、引入 element-ui（完整引入） 1、打开 main.js 文件在 main.js 文件中，引入 element-ui 2、注册 element-ui 以上代码便完成了 Element 的引入。需

2024年02月01日
浏览(51)
vue项目引入element-ui的三种方式

通过执行命令vue add element来进行引入通过执行命令npm i element-ui -S安装依赖 main.js文件引入element-ui main.js文件全局引入element-ui样式安装babel-plugin-component 修改babel.config.js文件 main.js按需引入组件

2024年02月11日
浏览(50)
搭建vue3项目+按需引入element-ui框架组件

场景：使用vue create脚手架快速搭建vue的项目前提：需要安装node.js和cnpm以及yarn 并且cnpm需要设置为淘宝镜像，cnpm和yarn安装教程网上很多可以自行搜索查看安装的版本（显示版本号说明安装成功） 1.cmd窗口跳到需要新建项目的文件夹下，使用vue create 2.我这里选择第三个Ma

2024年02月16日
浏览(64)
vue3中按需引入element-ui并配置

element-ui官网地址：element-ui官网-vue3 npm安装如果对打包后的文件大小不是很在乎，那么使用完整导入会更方便，这里推荐使用按需引入。按需引入具体步骤：首先需要安装unplugin-vue-components 和 unplugin-auto-import这两款插件。配置vue.config.js文件 main.js文件配置如果需要使用el

2024年02月12日
浏览(43)
【Vue】Element-UI按需引入项目启动报错解决方法

原因可能是版本不匹配的原因， Vue-Cli 脚手架的版本跟 element-ui 不一致了，按官网的配置已经不太行了。报错代码解决方式在 babel.config.js 将 es2015 进行替换成 @babel/preset-env 。启动项目明显最终的JS文件的大小少了一些。

2024年02月14日
浏览(51)
vue3 vite直接创建项目添加 element-ui 按需引入和全部引入

创建home 工程 yran dev就可以看到一个网址点进去就可以看到效果了添加element-ui 之前的main.js 修改后的 element-plus 在vue3中的按需引入。要比2简介很多。自动导入也是推荐的一种写法我们注释掉全局引用然后改为按需引入源文件修改后首先安装两款插件修改后

2024年02月17日
浏览(62)
从0开始写Vue项目-Vue2集成Element-ui和后台主体框架搭建

1. 从0开始写Vue项目-环境和项目搭建_慕言要努力的博客-CSDN博客一、了解Element-ui 1.Element-UI Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 Element UI是基于Vue 2.0的 Element UI 提供一组组件 Element UI 提供组件的参考实例, 直接复制 2.官网地址:https:

2024年02月12日
浏览(44)
vue2引入Element UI组件去创建新页面的详细步骤--项目阶段2

目录一、Element UI介绍 Element UI的特点：二、下载配置Element UI （零）创建vue项目（一）下载Element UI依赖（二）全局文件main.js中引入Element UI 三、删除多余的东西（一）删除App.vue多余的（二）删除多余的页面（三）删除router路由多余的四、新建vue页面（一）新建

2024年02月07日
浏览(52)
vue项目打包上线element-ui的icon偶尔乱码问题

线上环境偶尔会复现，具体：一般使用不会出现这个问题，因为一般引入的是element-ui的css文件，问题出在于为了主题色变化啊，需要用到scss变量引入了scss文件。 @import “~element-ui/packages/theme-chalk/src/index”; 而dart-sass在编译element-ui里icon伪元素的content unicode编码时会转换成对

2023年04月17日
浏览(49)
如何搭建一个基于vue2和element-ui的项目框架模板（两万四千字长文）

使用vue script标签引入如果只是单纯的使用vue，可以使用 script src=\\\"https://cdn.jsdelivr.net/npm/vue/dist/vue.js\\\"/script 直接引入 npm安装vue 使用npm安装vue需要先安装node.js，如果你的电脑未安装node，可以参考我的个人碰到的前端问题总结及解决方案2第15个问题先安装nvm（node version manager）

2024年02月13日
浏览(54)