浏览器Uncaught TypeError: Cannot read property ‘prototype‘ of undefined Vue warn]: Unknown custom el

最新推荐文章于 2024-08-17 00:55:29 发布
最新推荐文章于 2024-08-17 00:55:29 发布
阅读量354 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47784657/article/details/119831273
版权

Vue.js ElementUI 样式导入 JavaScript顺序 页面显示
关键词由CSDN通过智能技术生成

一，错误描述

  • 今天在利用vue+elementui做一个简单的登录页面时发现路径不存在问题的情况下导入的样式依然不起作用，浏览器错误如下：

  • 在这里插入图片描述

  • 导入样式的代码

  • 在这里插入图片描述

二，错误原因

  • 问题：最终发现不起作用的原因是引入的js的顺序问题，由于elementUI是基于vue开发的，所有应该先导入vue.js的文件再导入elementui才可以起效果

三，解决办法

  • 将导入的顺序调整一下，先导入vue.js

  • 在这里插入图片描述

  • 页面正常显示

  • 在这里插入图片描述

1000z
关注
Uncaught TypeError: Cannot read property ‘prototype‘ of undefined at eval (dom.js?5924:19
qq_38192709的博客
02-23 3473
问题描述： 想试试安装 element-ui 有没有完成 结果出现报错信息如下： dom.js?5924:19 Uncaught TypeError: Cannot read property ‘prototype’ of undefined at eval (dom.js?5924:19) at Object…/node_modules/element-ui/lib/utils/dom.js (chunk-vendors.js:2617) at webpack_require (app.js:849
Vue3项目按需引入Ant-Design-Vue：解决Uncaught TypeError: Cannot read property ‘prototype‘ of undefined问题！
IT博客-wusheng_z
10-27 952
Vue3项目按需引入Ant-Design-Vue：解决Uncaught TypeError: Cannot read property ‘prototype‘ of undefined问题！
Uncaught TypeError: Cannot read property ‘prototype‘ of undefined
weixin_72616433的博客
04-13 1604
前端报错Uncaught TypeError: Cannot read property 'prototype' of undefined
Cannot read properties of undefined (reading ‘prototype‘) TypeError: Cannot
最新发布
weixin_73060959的博客
08-17 192
原因：Vue3版本引入的element-ui。解决：使用ElementPlus。
vueCli4创建项目安装elementUI，浏览器报错Uncaught TypeError: Cannot read property ‘prototype‘ of undefined
anwebDesigner的博客
12-18 2303
vueCli已经更新到4.5了，最近使用新的vueCli搭建项目安装element-ui发现运行报错。 查看相关文档后发现问题所在： element-ui官方只给vue-cli@3提供了vue-cli-plugin-element插件；（vue-cli@3构建的项目安装都是 vue add emlemt 的方式，会自动安装相应的带vue-cli-plugin-前缀的插件，详情查看vue Cli 官网） 也就是说我们用最新的vue-cli@4构建的项目，element-ui是不支持的； 我看网上说
Vue引入element-ui报错：Uncaught TypeError: Cannot read property ‘prototype‘ of undefined
qq_38668544的博客
05-20 1万+
背景 使用vue3.0引入element-ui 第一步 npm i element-ui -S 第二步 在main.js 配置如下: import ElementUI from "element-ui"; import "element-plus/lib/theme-chalk/index.css"; Vue.use(ElementUI) 配置无误、代码未报错，运行时页面空白，F12控制台报错： Uncaught TypeError: Cannot read property ‘prototype’ o
Uncaught TypeError: Cannot read properties of undefined (reading ‘_modulesNamespaceMap‘)
weixin_40945354的博客
03-05 5756
[Vue warn]: Property "$store" was accessed during render but is not defined on instance. at <Cart> at <Header> at <App> warn @ runtime-core.esm-bundler.js?5c40:38 get @ runtime-core.esm-bundler.js?5c40:6755 mappedGetter @ vuex.es
vue 父组件调用子组件的方法报错，“TypeError: Cannot read property ‘subDialogRef‘ of undefined“
u013474230的博客
06-09 3978
vue 父组件调用子组件的方法报错，“TypeError: Cannot read property ‘subDialogRef’ of undefined” 最近用vue做的一个界面，引入了一个子组件，在父组件中调用子组件的方法时，报错提示： [Vue warn]: Error in v-on handler: “TypeError: Cannot read property ‘methods’ of undefined” 子组件中定义的方法如下： export default { data(){
vue-router.esm-bundler.js6c021474 Uncaught TypeError Cannot read property ‘forEach‘ of undefined
m0_67393593的博客
03-09 632
关于vue-cli4.5.13中使用vue-router报错的问题。 以下是报错详情： vue-router.esm-bundler.js?6c02:1474 Uncaught TypeError: Cannot read property 'forEach' of undefined at createRouterMatcher (vue-router.esm-bundler.js?6c02:1474) at new createRouter (vue-router.esm-bundler
vue3 Ts 引入axios报错 Uncaught TypeError: Cannot read property ‘use‘ of undefined
yutianguoban的博客
04-02 3620
使用vue cli4 里面的插件安装axios报错 serve 输出报错信息 WARN Couldn't parse bundle asset "D:\工作\logsystem\dist\js\about.js". Analyzer will use module sizes from stats file. warning in ./src/plugins/axios.js "export 'default' (imported as 'Vue') was not found in ...
vue3.0引入elementui报错Uncaught TypeError: Cannot read property ‘prototype‘ of undefined
qq_41370549的博客
03-31 1922
所以问题就出在实例对象不一致，官网上的实例对象是vue/cli3.0版本创建的 Vue 对象 而最新版本的vue/cli是4.5.6，创建的实例对象是createApp 实例对象不一致，当然引入不进去了
解决浏览器控制台报错：Uncaught TypeError: Cannot read property ‘prototype‘ of undefined
weixin_53106424的博客
04-27 2532
报错内容 报错原因 我们在使用elementui和Vue时，导入js应该有先后顺序（vue.js应该在elementui.js前面） 错误顺序： 正确顺序：
vue-cli4创建项目浏览器报错：Uncaught TypeError: Cannot read property ‘prototype‘ of undefined
qq_41968486的博客
09-23 7700
问题： 新建的项目引入elementUI后就报错了，并且页面上什么都没有 在main.js里 引入elementUi的3个语句， import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI); 代码如下： 运行 npm run serve，然后页面上什么都没有。。。。 然后打开浏览器，有报错信息 报错信息如下： Uncaught TypeError: Canno
vue-cli3的项目 CDN链接报错解决 Uncaught TypeError: Cannot read property 'prototype' of undefined at Object.
weixin_42556438的博客
09-17 1万+
Uncaught ReferenceError: iview is not defined 出现这个问题的原因是路径的问题 确保你的路径是正确的，或者是既全局引入了iview，又按需引入，会造成这样的报错 Uncaught TypeError: Cannot read property ‘prototype’ of undefined at Object. (iview.min.js:1) CDN...
解决办法：vue-cli4创建项目导入elementUI，浏览器报错Uncaught TypeError: Cannot read property ‘prototype‘ of undefined
WuqibuHuan的博客
06-25 748
查看elementUI官网，发现这样一句话： 使用 vue-cli@3 我们为新版的 vue-cli 准备了相应的 Element 插件，你可以用它们快速地搭建一个基于 Element 的项目。 而官网引入的格式是这样的： import Vue from 'vue'; import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; import App from './App.vue'; Vue.us
vue3引入elementui报错Uncaught TypeError: Cannot read property ‘prototype‘ of undefined at eval (types.js
weixin_43820434的博客
07-20 2549
app.js:269 Uncaught TypeError: Cannot read property 'prototype' of undefined at eval (types.js?8ad0:39) at Object../node_modules/element-ui/lib/utils/types.js (chunk-vendors.js:889) at __webpack_require__ (app.js:266) at fn (app.js:522) ...
浏览器报错 Uncaught TypeError: Cannot read property 'prototype' of undefined 的解决办法
热门推荐
love_onefly的博客
06-07 12万+
错误原因：解决办法：主要引入的js的顺序！
Uncaught TypeError: Cannot read property indexOf of undefined
07-27
== 'undefined' && yourVariable.indexOf('yourValue') !== -1) { // 执行你的代码 } ``` 这将先检查变量是否已定义，然后再调用 `indexOf` 方法。如果变量未定义，条件语句将不会执行，从而避免了出现上述错误。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值