vue运行或打包时报错Cannot read property ‘parseComponent‘ of undefined

最新推荐文章于 2024-01-11 15:05:30 发布
最新推荐文章于 2024-01-11 15:05:30 发布
阅读量1.3k 收藏
点赞数 1
分类专栏： vue 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangxiaodui/article/details/128422508
版权

场景

最近在拉取一个项目的代码npm install之后进行npm run dev时报了如下错误
Cannot read property ‘parseComponent‘ of undefined
经在网上搜索后，解决方法如下。

解决

看一下package.json或者package-lock.json里vue的版本是多少，比如下图vue版本是2.6.10
在这里插入图片描述
该报错是由于vue的版本和vue-template-compiler的版本不一致导致的，可以再看下vue-template-compiler的版本是否和vue的版本保持一致。下图是我解决后的截图。
在这里插入图片描述

比如图上的例子保持统一那就是vue和vue-template-compiler都应是2.6.0。执行如下命令即可，安装与vue版本相同的vue-template-compiler

npm install vue-template-compiler@2.6.10
悦悦猪
关注
专栏目录
uniapp - 项目运行/打包编译/分包报错 TypeError: Cannot read property call of undefined，uni-app控制台出现一堆这种报错（详细解决方法）
高级前端工程师
05-20 5443
uni-app，TypeError: Cannot read property call of undefined，报错，安卓app，苹果app，微信小程序，移动端，H5网页，手机网站，微信小程序、支付宝小程序，手机app端，nvue，微信小程序分包报错，uniApp小程序平台分包失败怎么办，uniapp运行编译报错解决方案，UniApp移动端网页控制台报错，详细解决办法，清缓存重新编译，热重载，开启压缩代码还是不行怎么办，刷新或者重启一下又好了，过一会又开始报错，vue，分包，小程序分包，支付宝小程序分包
vue-cli开启gzip打包报错TypeError: Cannot read property ‘tapPromise‘ of undefined-解决
JackieDYH的博客
05-27 669
给项目增加gzip打包 yarn add compression-webpack-plugin -D（默认安装的是7以上的最新版本） 修改vue.config.js const CompressionWebpackPlugin = require('compression-webpack-plugin'); configureWebpack: { plugins: [ new CompressionWebpackPlugin({ filename: '[p
vue解决报错TypeError: Cannot read property ‘parseComponent‘ of undefined
湫沐椿风
04-01 5901
vue自己一直用的项目是好好的，但是新同事新拉的运行后就会报错TypeError: Cannot read property ‘parseComponent‘ of undefined 在网上找了好多都说是升级vue-template-compiler，但事实是只更改vue-template-compiler版本号是不能解决问题的，还需要保持和vue版本一致 比如我原本都是2.6.10的版本，只将vue-template-compiler从2.6.10升级到2.6.11是不够的还需要将vue也升级到2.
【报错】Cannot read property ‘parseComponent‘ of undefined
虎康的博客
07-26 5133
报错的原因是vue升级后vue-template-compiler中的parseComponent函数被删除了。
Webpack4-Vue Cannot read property ‘parseComponent‘ of undefined 问题记录
japlus的博客
10-19 776
vue-template-compiler版本号需要与vue版本号一致 vue-template-compiler@2.5.10 vue@2.5.10 vue-template-compiler@2.5.17 vue@2.5.17
vue运行报错Cannot read property ‘parseComponent‘ of undefined
qq_37493515的博客
06-16 3723
今天d
Vue项目运行时报错：Cannot read property ‘parseComponent‘ of undefined
努力的nana
11-12 1549
报错： Syntax Error: TypeError: Cannot read property ‘parseComponent’ of undefined 原因：vue-template-compiler 版本不是最新的 解决办法： 步骤一： // 将版本直接改为 latest "devDependencies": { "vue-template-compiler": "latest" } 步骤二： npm i ...
Vue - Syntax Error: TypeError: Cannot read properties of undefined (reading ‘styles‘) 项目运行时报错，详细解决方案
王佳斌
11-07 6830
vue2，Syntax Error: TypeError: Cannot read properties of undefined (reading 'styles')，webpack，npm run serve，报错怎么办，运行报错，run serve时出现报错如何解决，vue2项目运行报错Syntax Error: TypeError: Cannot read properties of undefined (reading 'styles')，vue2怎么解决npm run serve时的Cannot
Cannot read property ‘version‘ of undefined TypeError Cannot read property ‘version‘ of undefined
asdfadafd的博客
02-26 1140
在VUE项目中遇到以下报错:Cannot read property ‘version’ of undefined TypeError: Cannot read property ‘version’ of undefined at module.exports (/redball_download/node_modules/@vue/cli-plugin-eslint/index.js:20:27) 如图： 这个错误是代码检测工具eslint的报错 上面错误大致原因为我删除了在package.json中e
TypeError: Cannot read property ‘parseComponent‘ of undefined
weixin_50996110的博客
01-25 6776
TypeError: Cannot read property 'parseComponent' of undefined
Cannot read property ‘parseComponent‘ of undefined
zenglingmin8的博客
06-02 7309
jerkins构建node.js项目报错，如下： Syntax Error: TypeError: Cannot read property ‘parseComponent’ of undefined 原因：“vue”和“vue-template-compiler”版本不一致 找到代码里的package.json文件，找到“vue”和“vue-template-compiler”，对照下版本，必须保持版本严格的一致（一模一样） ....... "vue": "^2.6.11", "vue-r
项目运行部署报错：Syntax Error TypeError Cannot read property ‘parseComponent‘ of undefined
02-23 1856
项目运行/部署报错：Syntax Error: TypeError: Cannot read property ‘parseComponent’ of undefined 当项目部署 或者是 运行程序时，如果报了这个错误一般是由于vue版本与vue-template-compiler两个版本不一致。 解决方法： 找到项目的package.json文件， 找到vue 和 vue-template-compiler 两个依赖，看一下他们的版本号是否相同。将他们版本号一致后，再在终端中输入 npm install
vs报错TypeError: Cannot read property ‘parseComponent‘ of undefined（已解决）
最新发布
m0_51160509的博客
01-11 1577
可以在项目的 `package.json` 文件中找到 Vue 的依赖项，或者运行以下命令来查看已安装的 Vue 版本： npm list vue。先卸载vue-template-compiler依赖，再次下载vue-template-compiler新版本。这是因为vue-template-compiler的版本不对，导致vue的模板语法及组件无法正常编译。我的是2.7.16版本的，你们记得把数字改成你们对应的版本号。
TypeError: Cannot read property ‘parseComponent‘ of undefined 解决办法
qq_62334456的博客
05-05 386
这个是vue 和 vue-template-compiler的版本不一致导致的。可以先在node_modules查看vue-template-compiler的版本号。在package.json里面指定vue 的版本。vue-template-compiler的版本。
vue cli npm run build打生产环境包报错Cannot read property ‘pop‘ of undefined
jieyucx的博客
09-13 1097
【代码】vue cli npm run build打生产环境包报错Cannot read property 'pop' of undefined。
TypeError: Cannot read property ‘parseComponent‘ of undefined解决办法-VUE
大漠孤烟
04-25 1125
启动的时候怎么都启动不了，报这个错，经上网查找发现是版本问题。 执行 npm install vue-template-compiler@2.6.10 -d 成功解决，你们也可以试一下。 npm install vue-template-compiler@2.6.10 -d 这个是由于vue的版本与vue-template-compiler不一致导致的 假如还没有成功的话就先卸载（uninstall ）了，在试一下。 反正我是这样好的，你们能不能好我就不知道了 = =，祝你们好运！ ...
Syntax Error: TypeError: Cannot read property ‘parseComponent‘ of undefined
xu2034029667的博客
09-14 2025
很久没写博客，这两天跑公司前端代码，出现这个提示， 因为同事没有出错，一开始仅仅以为是语法提示，代码肯定没问题的， 这个方向是错的，最终定位是版本错误， 花了一点时间，定位到对应的版本异常的依赖， 如图：版本不一致导致， 升级vue，或是修改vue-template-compilar npm list vue查看vue版本 升级npm install vue@2.6.14 ...
Syntax Error: TypeError: Cannot read property 'parseComponent' of undefined
07-25
回答: 当出现报错信息"Syntax Error: TypeError: Cannot read property 'parseComponent' of undefined"时，通常是由于vue版本与vue-template-compiler两个版本不一致所致。\[1\]这种错误可以通过以下解决方法来解决：首先，找到项目的package.json文件，查看vue和vue-template-compiler两个依赖的版本号是否相同。如果版本号不一致，需要将它们的版本号调整为一致。然后，在终端中运行npm install命令重新下载依赖。这样就可以解决这个问题了。\[3\] #### 引用[.reference_title] - *1* *3* [项目运行部署报错：Syntax Error TypeError Cannot read property ‘parseComponent‘ of undefined](https://blog.csdn.net/m0_54864542/article/details/123098816)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [解决Syntax Error: TypeError: Cannot read property ‘parseComponent‘ of undefined](https://blog.csdn.net/gusijin/article/details/119931691)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值