当vue3 报错 Cannot read properties of null (reading ‘style‘)

这篇具有很好参考价值的文章主要介绍了当vue3 报错 Cannot read properties of null (reading ‘style‘)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

当你在编写代码时 发现页面不及时刷新了 浏览器控制台报下面的错误
时刚看到的时候会一很懵 那么原因是什么呢

 Cannot read properties of null (reading 'style')
    at patchStyle (runtime-dom.esm-bundler.js:104:22)

原因是:尽管Vue 3允许一个组件模板中存在多个元素,但是如果你这样写,有时会出现上述错误。

解决方法:在模板内你写的多个标签外面包裹一层元素,或者给某个标签添加v-bind=“$attrs”。

请注意:如果你的模板中存在if else语句,虽然你认为它应该是一个元素,但在运行时仍会报上述错误。文章来源地址https://www.toymoban.com/news/detail-529762.html

到了这里,关于当vue3 报错 Cannot read properties of null (reading ‘style‘)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • Cannot read properties of undefined (reading ‘styles‘),使用webpack5搭建vue项目,vue-loader报错解决

    Cannot read properties of undefined (reading ‘styles‘),使用webpack5搭建vue项目,vue-loader报错解决

    跟着官网,尝试在webpack5中加载vue文件时报错: Cannot read properties of undefined (reading ‘styles’) 其中版本vue-loader@17.0.0,vue-template-compiler和vue都是2.7 百度之后看到有人说是vue-loader版本问题,然后在vue-loader的github的issue里找到了相关的问答: 意思是vue2的话,vue-loader版本要低于等于

    2024年01月23日
    浏览(17)
  • 解决 Cannot read properties of null (reading ‘disabled‘)报错

    解决 Cannot read properties of null (reading ‘disabled‘)报错

    在Vue + elementUI 后台项目里遇到了一个问题,所有模块的的下拉Select 和时间选择器DataPicker (可能还有其他组件) ,在选择后点击页面其他地方都不会自己收起。打开控制台会发现报错了,每点击一次,错误+1. 代码里全局搜索 el-dropdown ,el-dropdown下缺少 el-dropdown-menu 元素,如果

    2024年02月13日
    浏览(12)
  • npm ERR!Cannot read properties of null(reading ‘pickAlgorithm’)报错问题解决

    当在使用npm包管理器或执行npm命令时,有时候会遇到“npm ERR!Cannot read properties of null(reading ‘pickAlgorithm’)”这个错误提示,这是一个常见的npm错误。 这个错误提示通常说明在使用npm包管理器时,执行了某个npm命令,但是在执行这个命令的过程中,出现了问题,可能是由于某

    2024年02月12日
    浏览(10)
  • 安装element-UI失败,报错Cannot read properties of null (reading ‘package‘)

    安装element-UI失败,报错Cannot read properties of null (reading ‘package‘)

    通过npm install 安装依赖报如下错误。 解决办法:尝试通过cnpm install 或 yarn install 即可解决。    把 改成 (不知道是不是因为当初安装vue-cli脚手架的时候是用的cnpm) 题外话:         在我查找这个问题的解决办法的时候,一直找不到可行的解决办法,甚至连这个症状(r

    2024年02月11日
    浏览(9)
  • 如何解决 npm ERR! Cannot read properties of null (reading ‘pickAlgorithm‘)报错问题

    如何解决 npm ERR! Cannot read properties of null (reading ‘pickAlgorithm‘)报错问题

    1、问题描述:             在vue项目中,当我们在终端使用指令: npm install 下载 node_modules (节点_模块) 时出现报错的情况。 node_modules是安装node后用来 存放用包管理工具下载安装的包的文件夹。 比如webpack、gulp、grunt这些工具。 主要是这个原因:npm ERR! Cannot read propert

    2023年04月18日
    浏览(9)
  • VUE+element UI :TypeError: Cannot read properties of null (reading ‘setAttribute‘)

    报错提示: 原因就是使用了 el-dropdown  但是却没有它的子组件  el-dropdown-menu, 解决办法: 1. 加一个 el-dropdown-menu 2. 不要用这个组件就行

    2024年02月04日
    浏览(10)
  • 微信小程序TypeError: Cannot read property ‘join‘ of null报错求助

    微信小程序TypeError: Cannot read property ‘join‘ of null报错求助

    但是bookingFloor的页面里根本没有join啊   问题应该就出在 var WxParse = require(\\\"../../../components/wxParse/wxParse.js\\\");这就话,把他注释掉就不报错了,但wxParse.js里也没有join啊,大佬们遇到过类似情况么?谢谢大家

    2024年02月13日
    浏览(13)
  • 微信小程序使用ChatJS报错:TypeError: Cannot read property ‘node‘ of null

    微信小程序使用ChatJS报错:TypeError: Cannot read property ‘node‘ of null

    微信小程序原生开发中使用Chart.js报错问题记录 报错内容  对应代码   看下代码 .wxml .js 排查时踩过的坑 更换版本(无效) 更换开发工具基础库(无效) 问题原因 最后研究他人demo:将demo导入开发工具,可以运行,对比代码没有太大出入,但是我的代码始始终报错。 之后在

    2024年02月13日
    浏览(14)
  • 【vue3+ts】TypeError: Cannot read properties of undefined (reading ‘commit‘)

    vue3组合式api中使用store.commit报错,提示: 打印store的值,显示undefined。 经排查, const store = useStore() 不能写在setup函数的函数内部,应该就写在setup下。useStore这个方法的调用位置是有要求的,它只能在setup函数中调用,这是它的语法规定。 组合式API中使用vuex文档:官网

    2024年02月15日
    浏览(10)
  • Vue报错 Cannot read properties of undefined (reading ‘websiteDomains‘) 解决办法

    Vue报错 Cannot read properties of undefined (reading ‘websiteDomains‘) 解决办法

    浏览器控制台如下报错: Unchecked runtime.lastError: The message port closed before a response was received. Uncaught (in promise) TypeError: Cannot read properties of undefined (reading \\\'websiteDomains\\\')     at xl-content.js:1:100558 此问题困扰了很久,偶然看到一篇博文,说是迅雷扩展问题 要想解决这个bug最有效的方

    2024年04月24日
    浏览(18)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包