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

最新推荐文章于 2024-09-28 16:24:16 发布
最新推荐文章于 2024-09-28 16:24:16 发布
阅读量3.5k 收藏
点赞数 1
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LHH1655758452/article/details/129640791
版权

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

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

 

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

 在 externals 下把 vue 也一起配了

 

此时再重新打包，控制台就没有报错了，试了下，项目也能正常运行

梅雨季节.
关注
vue 2.0项目中如何引入element-ui详解
08-29
在Vue 2.0项目中引入Element-UI是提高应用界面美观度和用户体验的一个常见步骤。Element-UI是一个基于Vue.js的开源UI组件库，它提供了丰富的组件，如表格、按钮、通知等，用于快速构建现代化的企业级前端界面。本文...
【Vue】VUE引用element-ui報錯Uncaught TypeError: Cannot read properties of undefined (reading ‘prototype‘)
m0_46533551的博客
02-15 6180
【Vue】VUE引用element-ui報錯Uncaught TypeError: Cannot read properties of undefined (reading 'prototype')
vue Uncaught TypeError: Cannot read properties of undefined (reading ‘prototype‘) 报错
qq_45281478的博客
08-29 1万+
Uncaught TypeError: Cannot read properties of undefined (reading 'prototype')
react报错Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘trim‘) at
最新发布
肥晨开发的学习之路
09-28 855
这个错误表明你尝试在一个未定义的变量上调用trim方法。trim是一个字符串方法，用于移除字符串两端的空白字符。由于JavaScript中的undefined类型没有定义任何方法，因此当你尝试在未定义的变量上调用trim时，会抛出这个错误。欢迎关注我获取前端学习资源，日常分享技术变革，生存法则；行业内幕，洞察先机。在调用trim之前，检查变量是否为undefined或null。确认变量是否已经正确定义并赋值为字符串。
vue引入elementUi后打开页面报错Uncaught TypeError: Cannot read properties of undefined(reading ‘prototype‘)
ZouZhaoqian的博客
07-14 3万+
本人在用idea创建vue项目并引入elemenUi之后网页报错： Uncaught TypeError: Cannot read properties of undefined(reading ‘prototype’)。 百度了很多办法都说是因为在vue3中引入了elementUi，vue3.0之后是不支持elementUi的，要使用element plus，但是因为我想用若依偷懒，所以必须得用elementUi，很多文章说是vue - V命令查看vue版本，我敲了命令以后的确是3之后版本，于是卸载重装了
浏览器报错:Uncaught TypeError: Cannot read properties of undefined (reading ‘prototype‘)
一只猫
01-29 3355
背景：使用vue2框架与ElementUI组件编写项目。问题原因： 引入vue的代码段顺序不当导致的。解决方法：导入时将ElementUI放在前面。
element-demi:在Vue 2 3中使用Element UI的适配器
05-09
一个在Vue 2/3中使用Element UI的适配器。 :yo-yo: 只是个玩具 该库旨在测试postinstall npm挂钩。 安装完所有软件包之后。 该脚本将开始检查已安装的Vue版本，并根据本地Vue版本将导出重定向到。 :package: 安装 ...
vue-i18n结合Element-ui的配置方法
10-16
本文主要讲解了如何将vue-i18n和Element-ui框架整合在一起以实现国际化功能。在前端开发中，国际化(i18n)是一个重要的功能，尤其是对于那些需要支持多种语言的Web应用。vue-i18n是一个专门为Vue.js开发的国际化插件...
Vue-cli4 配置 element-ui 按需引入操作
10-14
Vue CLI 4 配置 Element-UI 按需引入是一项重要的优化技术，它能显著减少项目的体积，提高页面加载速度。以下将详细介绍这一过程。 首先，确认你的开发环境，确保你已经安装了 Node.js 和 Vue CLI 4。Node.js 是 ...
Vue学习笔记-问题4 - Uncaught TypeError: Cannot read properties of undefined (reading ‘prototype‘) 错误
shi_ly的专栏
05-28 2277
Uncaught TypeError: Cannot read properties of undefined (reading 'prototype') 错误
前端小tips-兼容问题(vue-element)
qq_35869617的博客
03-26 1643
今日份瞎聊！
H5引入vant报错和样式失效
Nine_91的博客
05-14 4406
1.vant引入报错（Uncaught TypeError: Cannot read properties of undefined (reading 'prototype')） 原因：vant引入顺序在vue引入前 修改顺序后可正常使用 2.vant组件样式失效 首先检查是否引入了vant样式，确认路径 引入样式后 vant标签写在body里但没有<div>包裹样式会失效（避坑点） 如图样式失效 放到<div>里面样式恢复 ...
深入理解并解决Uncaught TypeError: Cannot read properties of undefined技术文章
热门推荐
奇妙的Bug之旅
11-10 10万+
Uncaught TypeError: Cannot read properties of undefined 是一个 JavaScript 运行时错误，它表示你试图访问一个未定义（undefined）对象的属性。这通常是因为你尝试访问一个不存在的变量或者对象的属性。在访问对象的属性之前，你应该先检查该对象是否已经定义。你可以使用typeof操作符来检查一个变量是否已定义。// 访问 myVariable 的属性。
报错 Uncaught TypeError: Cannot read property ‘prototype‘ of undefined 的解决办法
刺心的博客
08-12 8896
错误原因： 引入js文件顺序冲突 解决办法：主要引入的js的顺序！
Uncaught TypeError: window.Vue.use is not a functionUncaught TypeError: Cannot read properties of un
qq_44774831的博客
02-16 4106
浏览器中报错： Uncaught TypeError: window.Vue.use is not a function … Uncaught TypeError: Cannot read properties of undefined (reading ‘prototype’) … Uncaught TypeError: Cannot read properties of undefined (reading ‘version’) … 放个假回来学校，之前项目的网站就崩了，然后报了以上这几个错误，查了.
eggjs+egg-swagger-doc报错：Cannot read properties of undefined (reading ‘prototype‘)at generateAPIFunc
吴小迪的博客
02-13 1302
笔者开发eggjs项目的时候写完接口准备把api文档生成出来，于是就找到了egg-swagger-doc包。结果按照文档上一步一步操作完之后发现我的报错了？？？别人都没问题就我有问题那一定是我跟别人哪里不一样导致的，那么我们待会就排查一下哪里不一样。
web学习记录报错解决思路---Uncaught TypeError: Cannot read properties of undefined (reading ‘prototype‘
weixin_56122930的博客
08-07 4770
Uncaught TypeError: Cannot read properties of undefined (reading 'prototype'
Uncaught TypeError: Cannot read properties of undefined (reading ‘prototype‘)
weixin_45966674的博客
06-24 4587
Uncaught TypeError: Cannot read properties of undefined (reading 'prototype')
vue 导入vantui报错Cannot read properties of undefined (reading 'prototype') TypeError: Cannot read properties of undefined (reading 'prototype')
06-24
当在 Vue 项目中导入 Vant UI 时遇到 `Cannot read properties of undefined (reading 'prototype')` 这样的错误，这通常表示 Vue 或 Vant UI 的某个依赖没有正确加载或者初始化。以下是几种可能的原因和解决方法： 1. **未安装或依赖版本问题**：确保已经正确安装了 Vant UI，可以尝试运行 `npm install vant --save` 或者 `yarn add vant` 来更新或安装 Vant。 2. **Vue 和 Vant UI 版本不兼容**：确认你的 Vue 和 Vant UI 版本是否匹配。Vue 的 `2.x` 版本可能需要特定版本的 Vant，例如 `2.0` 版本的 Vue 需要 `vant@2.x`。 3. **全局注册问题**：Vant UI 需要在 Vue 组件中全局注册才能使用。检查你的 main.js 或者配置文件中是否有正确的导入和注册代码。例如： ```javascript import Vant from 'vant' Vue.use(Vant) ``` 4. **导入路径错误**：确保你在组件中导入 Vant UI 组件的方式是正确的，可能是大小写、模块名称等出现了错误。 5. **Vue 实例化问题**：确保你的 Vue 实例在使用 Vant UI 前已经创建并挂载到 DOM 中。 如果以上步骤都检查过了还是无法解决问题，你可以尝试删除 node_modules 文件夹，然后重新安装所有依赖。或者提供更具体的错误堆栈信息，以便更好地定位问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值