Vue2-Cannot read property 'component' of undefined

最新推荐文章于 2024-07-09 21:11:20 发布
原创 最新推荐文章于 2024-07-09 21:11:20 发布 · 1.9w 阅读 · 3 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#vue2 #javascript #前端
本文解决了一个在使用Vue2时遇到的问题：由于版本不兼容导致的'Cannot read property 'component' of undefined'错误。问题源于vue-router1.x依赖于Vue1的内部指令，而在Vue2中这些指令已被移除。文中提供了升级到vue-router最新版本的解决方案。

问题

Cannot read property ‘component’ of undefined

原因

版本问题，由于vue2删除了vue1的内部指令，而vue－router1.x依赖vue的一个内部指令。

这上面如果是1.x版本，会读取Vue.internalDirectives.component这个属性，而实际上vue2根本没有Vue.internalDirectives，所以导致undefined。

解决方法

vue-router-next
到这里下载即可，或者

npm install vue-router@next
vue新建项目报错:Cannot destructure property ‘compile‘ of ‘undefined‘ or ‘null‘
微灬墨的博客
12-19 1万+
背景：新建vue项目，出现高危漏洞，需要更新，更新后编辑却出问题，咳咳，看来不能是漏洞都更新，毕竟其它内置不支持这更新版-。- 首先我们新建项目，下载 npm install项目 高危漏洞出现了，我们npm audit看看 webpack-dev-server版本让更新，额走流程吧（PS，我们直接执行上一步的 npm audit fix 修复也是一样），会修复成功，然后npm ......
Uncaught TypeError: Cannot read property ‘Component‘ of undefined
weixin_43478936的博客
08-17 1568
Cannot read property ‘Component’ of undefined 1.问题描述 2.解决方案 问题描述 上一篇文章中在本地搭建了第一个React项目后,跟着react中文文档学习,封装时钟的外观代码如下 class Clock extends React.Component { constructor(props) { super(props); this.state = {date: new Date()}; } render() { ret
解决：Cannot read property ‘component‘ of undefined （ 即 vue-router 0.x 转化为 2.x）
愿我如星君如月 ... 夜夜流光相皎洁 ...
01-03 1万+
vue项目原本是用0.x版本的vue-router，但是去报出：Cannot read property 'component' of undefined 这是因为版本问题，由于vue2删除了vue1的内部指令，而vue－router1.x依赖vue的一个内部指令 研究了下vue-router官网，小白我用了接近一天来解决问题，最后我将vue-router改为2.2.0版本 1.打开pack...
TypeError: Cannot read property ‘parseComponent‘ of undefined 解决方法
hancao97的博客
01-23 3057
背景 最近拉老项目下来继续开发，结果yarn serve之后报这个错 当时找了很多办法，最后得以解决。在此记录，并希望帮助到遇到此问题的人。 解决方式 yarn add vue-template-compiler@2.6.11 现在vue-template-compiler的最新版本是2.6.12。我最初一直尝试去安装最新版本的vue-template-compiler，但是没有效果，后来发现安装vue-template-compiler@2.6.11就没有问题了。 ...
浏览器报错 Uncaught TypeError: Cannot read property ‘prototype‘ of undefined 的解决办法
Angela_L的博客
11-20 2万+
今天做vue项目时报错： Uncaught TypeError: Cannot read property ‘prototype’ of undefined 代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>品牌管理&lt...
Vue.js搭建路由报错 router.map is not a function，Cannot read property ‘component’ of undefined...
dongjiong0213的博客
04-18 272
综述：一开始我遇到的问题是，router.map is not a function，然后我在网上查，就安装了npm install vue-router@0.7.13兼容1.0版本，就没有报这个错了，但是又报了一个新错Cannot read property ‘component’ of undefined，然后看了你的这篇，就安装了npm install vue-router@n...
Vue项目运行时报错：Cannot read property ‘parseComponent‘ of undefined
努力的nana
11-12 1706
报错： Syntax Error: TypeError: Cannot read property ‘parseComponent’ of undefined 原因：vue-template-compiler 版本不是最新的 解决办法： 步骤一： // 将版本直接改为 latest "devDependencies": { "vue-template-compiler": "latest" } 步骤二： npm i ...
vuejs报错:[Vue warn]: Error in render: TypeError: Cannot read property 'matched' of undefined
qq_38229938的博客
11-10 975
记录报错： [Vue warn]: Error in render: “TypeError: Cannot read property ‘matched’ of undefined” found in —->at src/app.vue 原因： 1、必须引入router配置 复制 // 路由配置 import routes from “./routes”; // 实例路由配置 const r...
Cannot read property 'matched' of undefined"
a662852186的博客
06-10 4914
错误代码D:\workspace\xxx\src\main.js const routes = new VueRouter({ routes: [ { path: '/apple', component: Apple }, { path: '/banana', component: B...
TypeError: Cannot read property ‘parseComponent‘ of undefined
热门推荐
云海梦尘的博客
03-25 3万+
缘由： 将前端vue项目在正式环境进行编译发布到nginx解析目录的时候发生了如下错误. 查看本地和正式环境npm版本号 本地：6.4.1 正式：6.13.4 当时首先进行了必应搜索，得到第一个结果：PARCEL 第一步： 抄答案 yarn add --dev @vue/component-compiler-utils@1.3.1 或者 npm instal...
vue升级导致TypeError:Cannot read property ‘parseComponent’ of undefined
fuchengshuang的专栏
06-09 1万+
at parse (xxx\node_modules\vue-loader\node_modules\@vue\component-compiler-utils\dist\ parse.js:14:23) 原因是vue-template-compiler升级版本后parseComponent函数已被删除，导致component-compiler-utils报错。 解决办法: 查看component-compiler-utils最新版本Github 删除旧版本: npm uninstal...
vue升级导致TypeError:Cannot read property ‘parseComponent‘ of undefined
weixin_42728497的博客
01-08 3530
vue升级导致TypeError:Cannot read property ‘parseComponent‘ of undefined 原因：是vue-template-compiler 升级版本后 parseComponent函数已被删除，导致 component-compiler-utils报错。 解决办法: 删除旧版本: npm uninstall @vue/component-compiler-utils 更新最新版本： npm install --dev @vue/component-compi
Cannot read property ‘component‘ of undefined 版本不同
javascipt____的博客
12-06 595
Cannot read property 'component' of undefined
vue运行报错TypeError: Cannot read property ‘parseComponent‘ of undefined
weixin_44118181的博客
10-22 3473
运行 npm install --dev @vue/component-compiler-utils@1.3.1 参考原文大佬链接 结果它继续报错应该是没人情况不同，不要慌我们继续 我这里报错，如图： 下边他给了错误提示 If you are using vue-loader@>=10.0, simply update vue-template-compiler. If you are using vue-loader@<10.0 or vueify, re-installing vue-l
Vue报错：TypeError: Cannot read property ‘$createElement‘ of undefined解决办法
qq_45780380的博客
04-25 1612
Vue报错：TypeError: Cannot read property ‘$createElement’ of undefined 这个错误就是路由上的component写成了components 改过来就好了。
vue升级报Syntax Error: TypeError: Cannot read property ‘parseComponent‘ of undefined
qq_41621896的博客
11-15 1180
vue升级报Syntax Error: TypeError: Cannot read property ‘parseComponent’ of undefined 关于： 将vue手动2.6.11改成2.6.14，重新安装依赖，在运行时报错 原因： vue-template-compiler 升级版本后 parseComponent函数已被删除，导致 component-compiler-utils报错 解决方案： 修改packge.json文件,将vue-template-compiler和vue版本一致
[Vue warn]: Error in render: "TypeError: Cannot read property 'g1' of undefined" found in 问题解决
Dexter's Laboratory
02-20 1448
问题描述 自定义了一个component组件给父组件调用,数据功能都挺正常的,但是浏览器控制台中会报错: [Vue warn]: Error in render: "TypeError: Cannot read property 'g1' of undefined" found in ---> <Gauge> at src/components/Gauge.vue ...
Vue.js搭建路由报错 router.map is not a function，Cannot read property ‘component’ of undefined
evebear2013的博客
06-03 2018
综述：一开始我遇到的问题是，router.map is not a function，然后我在网上查，就安装了npm install vue-router@0.7.13兼容1.0版本，就没有报这个错了，但是又报了一个新错Cannot read property ‘component’ of undefined，然后看了你的这篇，就安装了npm install vue-router@next，就
Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘dispatch‘)“
weixin_68714627的博客
01-12 4783
vuex版本问题
uniApp单双向联动菜单分类页面zhSlidingMenu之“TypeError: Cannot read property ‘scroll_list‘ of undefined“
最新发布
halo_666的博客
07-09 1440
警报：[Component] More than one slot named "" are found inside a single component instance (in component "components/zh-slidingMenu/zhSlidingMenu/zhSlidingMenu"). The first one was accepted."name": "王者荣耀""name": "和平精英""name": "美食""name": "游戏""name": "个性"
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值