解决Syntax Error: TypeError: Cannot read property ‘styles‘ of undefined

已于 2023-07-12 09:55:19 修改
阅读量3.3k 收藏 5
点赞数 3
分类专栏： 报错解决 文章标签： 前端 vue
于 2023-07-12 09:53:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44732146/article/details/131674785
版权
在尝试使用`npmrunserve`启动Vue项目时遇到编译错误，具体为`TypeError:Cannotreadpropertystylesofundefined`。通过降低vue-loader版本到15并重新安装所有依赖后，项目成功启动。这表明问题可能与vue-loader的版本兼容性有关。
摘要由CSDN通过智能技术生成

问题

使用npm run serve启动
在这里插入图片描述

 ERROR  Failed to compile with 1 error                                                                                                                                                        09:46:11

 error  in ./src/App.vue

Syntax Error: TypeError: Cannot read property 'styles' of undefined


 @ ./src/main.js 159:0-28 241:13-16
 @ multi ./node_modules/.store/webpack-dev-server@3.11.3/node_modules/webpack-dev-server/client?http://172.16.20.82:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

解决办法

降低vue-loader版本

cnpm i -D vue-loader@15

在这里插入图片描述

然后重新安装

cnpm i

使用npm run serve启动

启动成功
在这里插入图片描述

胡八一、
关注
  • 3
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Vue - Syntax Error: TypeError: Cannot read properties of undefined (reading ‘styles‘) 项目运行时报错，详细解决方案
王佳斌
11-07 6713
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
JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法
10-21
主要介绍了JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法,结合实例形式分析了javascript提示此类异常的常见原因与相关解决方法,需要的朋友可以参考下
node-sass引起的问题Syntax Error: TypeError: Cannot read property ‘styles‘ of undefined(Mac m1)
CN_xr的博客
04-13 2749
在 node.js 官网里推荐选择 LTS (长期支持)版本，可在命令行用node -v 查看node的安装版本。顺便 npm -v 查看npm的版本号。1、node.js版本问题。我node-sass 是4.几版本的。所以刚开始我把node降低到了14、但是这种问题依旧存在，不能删依赖、一删除就报错。如果是安装依赖时出了错，则建议先把之前安装的node_modules、package.log.json删掉。然后查看下对应的版本。2、还有可能是vue版本问题，总之就是版本问题导致的不兼容。
编译报错：TypeError: Cannot read property ‘styles‘ of undefined at Object.loader
a1783118的博客
06-28 2181
我重新下的版本是15.9.8，npm i vue-loader@15.9.8 -D,因为我的vue-loader的版本是17以上，太高了，需要降到15的版本。此时就解决了以上报错。
Uncaught TypeError: Cannot read properties of undefined (reading ‘style‘)解决办法
weixin_52153452的博客
11-29 2万+
Uncaught TypeError: Cannot read properties of undefined (reading 'style')解决在用VScode编译时出现的此类错误
TypeError: Cannot read properties of undefined (reading ‘styles‘)
beazster的博客
09-18 1万+
webpack5环境下，使用vue-loader@17.0.0遇到的问题
Uncaught TypeError: Cannot read property 'style' of undefined这个bug的两种解决方法
热门推荐
tuzi007a的博客
05-03 3万+
一杯茶，一支烟，一个bug玩一天~~要哭了。总算处理掉这个bug了→_→ 出现bug的代码： for(var j = 0; j < rb3h_ul.children.length; j++) { rb3h_ul.children[j].addEventListener('mouseover', function() { for(var i = 0; i < rb3h_ul.chi...
Syntax Error: TypeError: Cannot read properties of undefined (reading ‘styles‘)
朱晓龙的博客
12-01 2505
Syntax Error: TypeError: Cannot read properties of undefined (reading 'styles')
vue版本问题导致：Syntax Error: TypeError: Cannot read properties of undefined (reading ‘parseComponent‘)
weixin_48069658的博客
05-08 6803
vue小白上路翻车记
解决pip install xxx报错SyntaxError: invalid syntax的问题
09-19
### 解决pip install xxx报错SyntaxError: invalid syntax的问题 #### 背景与问题描述 在使用Python进行开发的过程中，经常会遇到需要安装各种第三方库的情况。这些库可以通过`pip`这一工具轻松安装。然而，在实际...
JS提示：Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法
10-21
在JavaScript编程中，`Uncaught SyntaxError: Unexpected token ILLEGAL` 是一个常见的错误，它通常意味着解析器在解析代码时遇到了一个无法识别的字符或符号，导致语法错误。这个错误通常发生在代码的某个地方违反...
前端vue开发项目遇到“Use // eslint-disable-next-line to ignore the next line”
weixin_46567616的博客
10-17 2485
前端vue开发项目遇到：“Syntax Error: TypeError: Cannot read property 'styles' of undefined You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use /* eslint-disable */ to ignore all warnings in a file.”
Error in nextTick: “TypeError: Cannot read property ‘style‘ of undefined“的报错原因之一及解决办法
Yukinoshita_kino的博客
07-31 8640
一 . 报错场景 vue项目中用element-ui 经过排查，发现是el-table处发生的报错，相关代码如下： <tempalte> <div class="message"> <el-table :max-height="getTableHeight" :data="tableData3" stripe tooltip-effect="dark"> <el-table-column prop="account" label="账号"
(plugin vue) TypeError: Cannot read property ‘styles‘ of undefined
qq_34793381的博客
07-07 4306
rollup 打包 vue 报错 (plugin vue) TypeError: Cannot read property 'styles' of undefined
vue运行报错cache-loader
weixin_44289771的博客
04-18 7070
考虑node版本问题node16.15.0降级到12.20.0后npm9.6.2显示版本太高,再把node降级到14版本，还是跑不通。运行npm run dev 后报错，安装cache-loader后也无法跑起来。考虑为npm版本问题将npm9.6.2降级到6.14.8解决问题。cnpm从9.0.1降到7.0.1也同样可运行。
TypeError: Cannot read properties of undefined (reading ‘style‘) at a.reset (eval at compile
weixin_42220130的博客
06-20 2322
例如：我这边是this.$refs.slider一开始没有获取到，所以后面的.style肯定也获取不到。先打印style前面的属性看页面上有没有dom元素，有没有style属性。TypeError:无法读取未定义的属性（读取“style”）在a.reset（编译时评估。
后端输出二进制数据，前端fetch接受二进制数据，并转化为字符输出
最新发布
cdcdhj的博客
09-01 519
在这个前端代码中，我们使用fetch API请求PHP脚本，并获取二进制数据。然后，我们将ArrayBuffer转换为字符串，以便在JavaScript中使用。在PHP中，你可以将字符串或其他数据类型转换为二进制数据，并通过HTTP响应发送给前端。
syntax error: typeerror: cannot read property 'styles' of undefined
11-16
这个错误是由于代码中出现了语法错误，导致无法读取一个未定义属性的错误。具体来说，错误是因为代码尝试读取一个叫做'styles'的属性，但这个属性未在先前的代码中定义。 解决这个错误可以有几种方法。首先，检查代码中是否有拼写错误或其他语法错误。确保所有的变量和属性都正确地定义和赋值。 其次，可以通过使用断点或日志来跟踪程序的执行路径，找到导致这个错误的具体代码行数。通过仔细检查错误所在的代码行，可以确定是什么导致了属性'styles'的未定义错误。 最后，可以尝试在代码中添加一些条件判断，以确保在尝试读取属性'styles'之前，'styles'属性已被正确定义和赋值。例如，使用if语句来检查属性是否存在，或者使用try-catch语句处理可能出现的异常情况。 总之，解决这个错误的关键是找到导致该属性未定义的代码，并确保在读取该属性之前，它已被正确定义和赋值。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值